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

为什么Safari和Chrome会忽略最小宽度CSS属性？这个例子在IE和Firefox中有效，但在Safari和Chrome中无效

Chrome和Safari根本不支持

table

元素上的

minwidth

属性。但是，当应用于表格单元格时，它们将尊重

min width

经过一些快速测试，支持情况如下：

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

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

min width

（和

max width

）适用于：

除未替换的内联元素、表行和行外的所有元素 团体

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

编辑

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

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

---

因此，实际上似乎没有人弄错，每个人都可以做自己的事情。

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

在

td

上设置

min width

，而不是

表

，它应该可以正常工作。有关支持

表的更多信息，请参阅MDN文章：注意-它说最小宽度不适用于IE。看起来它在IE7中不起作用，但8和9确实支持它。更新-Chrome现在似乎确实支持这一点。我不确定什么时候会出现这种情况，但我只是在Chrome 19中进行了测试。我注意到Chrome在将最小宽度设置为若干像素时似乎支持它，但在将其设置为百分比值时却不支持。Firefox在这两种情况下都能做到。我同意Roland Barker的观点：确保表的最小宽度的最好方法是在包含表的div上设置最小宽度，并将表的宽度设置为100%。