最小宽度问题： 在 Firefox 和旧版本的 WebKit 中， 元素继承“min-content”的最小宽度，防止它们缩小到其内容的宽度以下。当您期望 时，此问题可能会导致问题。 解决方案（适用于 WebKit 和 Firefox 53 ）： 通过设置 min-width: 0 覆盖默认行为； 解决方案（对于 Firefox Pre-53）： 要使 在早期版本的 Firefox 中可以正确显示，请将其显示属性更改为 table-cell。要向其他浏览器隐藏此修复程序，请使用 @-moz-document:说明： 此问题是由于浏览器处理 方式不一致而引起的;s 以及元素在不同显示属性下的行为方式。 Firefox 的渲染引擎会在 上强制执行最小宽度，除非它们被渲染为表格元素。注意： 虽然使用 @-moz-document 是安全的在这种特定情况下，一般避免使用它来定位 Firefox，因为它已被弃用。
