IE8中的CSS Max-Width

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 docs表示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+ */
}