html - IE8 中的 CSS 最大宽度

Question

对于我的输入，它可以有classname="half"或"half.not-placeholder-value"，Firebug 显示两个输入都有一个固定的宽度25em。

input.half, input.half.not-placeholder-value {
    max-width: 25em;
}

然而，根据开发者工具，IE8 似乎没有使用这个特殊max-width属性。我说“似乎没有使用”，因为 Firefox 在此属性方面的行为与 IE8 不同。

但是 MDN文档说 IE7 支持max-width. 我错过了什么吗？

Answer 1

这不是真正的 IE8 问题，因为 IE8确实支持 max-width 属性，但仅在首先给定定义的宽度时才支持。

input.half, input.half.not-placeholder-value {
    width: 100%;
    max-width: 25em;
}

Answer 2

将 IE8 css 与width? 第一部分针对 IE，第二部分针对 IE9+ 撤消它。

input.half, input.half.not-placeholder-value {
    max-width: 25em;
    width:25em\9; /* IE 8 */
}
:root input.half, input.half.not-placeholder-value {
    width:inherit\9; /* IE 9+ */
}