Safari和Chrome会忽略min-width CSS属性

Question

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

Answer 1

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

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

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

可以在属性的MDN article中找到更多信息，尽管文章声称IE中不支持该属性，即使它是IE8以来的。

min-width表示max-width（以及此问题{{1}}）适用于：

  

所有元素，但未替换的内联元素，表行和行   组

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

修改

刚看了一下规范的相关部分，我注意到它然后说：

  

在CSS 2.1中，'min-width'和'max-width'对表的影响，   内联表，表格单元格，表格列和列组   未定义。

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

Answer 2

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