たとえば、私はこれを持っていたとしましょう:
@media screen and (min-width: 480px) {
.example {
background-color: red;
}
}
このページを Internet Explorer 8 で表示するとどうなりますか? .example
幅を超えても赤色のまま480px
ですか、それともメディア クエリ内のものを無視しますか? (私はIE8を持っていないのでテストできません:P)
たとえば、私はこれを持っていたとしましょう:
@media screen and (min-width: 480px) {
.example {
background-color: red;
}
}
このページを Internet Explorer 8 で表示するとどうなりますか? .example
幅を超えても赤色のまま480px
ですか、それともメディア クエリ内のものを無視しますか? (私はIE8を持っていないのでテストできません:P)
IE7/IE8 ブラウザー/ドキュメント モード (IE10) で試してみたところ、メディア クエリ内のすべてのCSS が完全に無視されます。.example
IE9+ でのみ赤い背景で表示されます。
ここで実際に起こったことに(おそらく)関連する、私が見つけることができる仕様の唯一のセクションは、エラー処理セクションです。