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文章中可以找到更多信息,尽管文章声称IE中不支持该属性,即使它是IE8以来的属性.

在CSS2.1规范规定min-width(并max-width为此事)适用于:

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

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

编辑

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

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

所以它实际上看起来没有人弄错了,每个人都可以做自己的事情.

Answer 2

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