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 docs は、IE7がmax-widthをサポートしていると言っています。私は何かが足りないのですか？

Answer 1

IE8 does max-width属性をサポートしているため、これは実際にはIE8の問題ではありませんが、最初に定義された幅が指定されている場合に限ります。

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

Answer 2

IE8cssをwidthで使用しますか？最初の部分はIEを対象とし、2番目の部分は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+ */
}