Safari 和 Chrome 忽略 min-width CSS 属性答案

【问题标题】：Safari and Chrome ignore min-width CSS properySafari 和 Chrome 忽略 min-width CSS 属性
【发布时间】：2011-10-28 10:30:57
【问题描述】：

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

【问题讨论】：

在td 上设置min-width 而不是table，它应该可以正常工作。有关支持 table 的更多信息，请参阅 MDN 文章：developer.mozilla.org/en/CSS/min-width#Browser_compatibility
注意 - 它说 min-width 不适用于 IE。它看起来在 IE7 中不起作用，但 8 和 9 确实支持它。

【解决方案1】：

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

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

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

CSS2.1 specification 声明 min-width（和 max-width 就此而言）适用于：

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

看来 Chrome 和 Safari 是不符合标准的。

编辑

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

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

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

【讨论】：

【解决方案2】：

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

【讨论】：