Safari 和 Chrome 忽略最小宽度 CSS 属性

Question

为什么 Safari 和 Chrome 会忽略 min-width CSS 属性？ 示例http://jsfiddle.net/8YFHu/2/这适用于 IE 和 Firefox 但不适用于 Safari 和 Chrome。

Answer 1

Chrome 和 Safari 根本不支持table元素的min-width属性。 但是，当应用于表格单元格时，它们会遵守min-width 。

经过一些快速测试，似乎支持如下：

• Firefox ：支持（在5中测试，不确定从哪个版本开始）
• Internet Explorer ：支持（从IE8开始，IE7及以下好像不支持）
• Chrome ：不支持（据我所知所有版本）
• Safari ：不支持（据我所知所有版本）
• Opera ：支持（在 11.5 中测试，不确定从哪个版本开始）

更多信息可以在MDN 关于该属性的文章中找到，尽管该文章声称 IE 不支持该属性，尽管它是从 IE8 开始的。

CSS2.1 规范声明min-width （和max-width ）适用于：

除未替换的内联元素、表格行和行组之外的所有元素

因此，Chrome 和 Safari 似乎是不符合标准的。

编辑

在进一步查看规范的相关部分之后，我注意到它然后指出：

在 CSS 2.1 中，未定义“最小宽度”和“最大宽度”对表格、内联表格、表格单元格、表格列和列组的影响。

所以实际上看起来没有人做错了，每个人都可以做自己的事。

Answer 2

根据我的经验，在 td 元素上定义宽度通常是不切实际的。 针对此限制，我发现的最佳解决方法是在包含表的 div 元素上设置最小宽度。