表D 主要WebブラウザにおけるCSSメディアクエリの対応状況
セレクタ | CSSレベル | Opera 9.5 | IE6 | IE7 | IE8 | Safari 3 | Firefox 3 | Firefox 3.1 |
color | CSS 3 | × | × | × | × | ※2 | × | ※3 |
color-index | CSS 3 | × | × | × | × | × |
device-aspect-ratio | CSS 3 | ○ | × | × | × | × |
device-height | CSS 3 | ○※1 | × | × | × | × |
device-width | CSS 3 | ○※1 | × | × | × | × |
grid | CSS 3 | × | × | × | × | × |
height | CSS 3 | ○※1 | × | × | × | × |
max-color | CSS 3 | × | × | × | × | × |
max-color-index | CSS 3 | × | × | × | × | × |
max-device-aspect-ratio | CSS 3 | ○※1 | × | × | × | × |
max-device-height | CSS 3 | ○※1 | × | × | × | × |
max-device-width | CSS 3 | ○※1 | × | × | × | × |
max-height | CSS 3 | ○※1 | × | × | × | × |
max-monochrome | CSS 3 | × | × | × | × | × |
max-resolution | CSS 3 | × | × | × | × | × |
max-width | CSS 3 | ○※1 | × | × | × | × |
min-color | CSS 3 | × | × | × | × | × |
min-color-index | CSS 3 | × | × | × | × | × |
min-device-aspect-ratio | CSS 3 | ○※1 | × | × | × | × |
min-device-height | CSS 3 | ○※1 | × | × | × | × |
min-device-width | CSS 3 | ○※1 | × | × | × | × |
min-height | CSS 3 | ○※1 | × | × | × | × |
min-monochrome | CSS 3 | × | × | × | × | × |
min-resolution | CSS 3 | × | × | × | × | × |
min-width | CSS 3 | ○※1 | × | × | × | × |
monochrome | CSS 3 | × | × | × | × | × |
resolution | CSS 3 | × | × | × | × | × |
scan | CSS 3 | × | × | × | × | × |
width | CSS 3 | ○※1 | × | × | × | × |
セレクタ | CSSレベル | Opera 9.5 | IE6 | IE7 | IE8 | Safari 3 | Firefox 3 | Firefox 3.1 |
※1 ピクセル指定のみ可能
※2 対応を謳っているが、どの要素が利用可能かの詳細については公式には明らかになっていない
※3 Firefox 3.1ではCSS 3メディアクエリへの対応が表明されているが、詳細についてはまだ公開されていない
|