- Home / CSS3 Module Status / Compatibility table – Media Queries
Compatibility table – Media Queries
Media Feature | Core-2 | WebKit 523 | Gecko 1.9 | Trident |
---|---|---|---|---|
width | Yes | Yes | No | No |
height | Yes | Yes | No | No |
device-width | Yes | Yes | No | No |
device-height | Yes | Yes | No | No |
device-aspect-ratio | Yes | Yes | No | No |
color | No | No | No | No |
color-index | No | No | No | No |
monochrome | No | No | No | No |
resolution | Yes | No | No | No |
scan | No | No | No | No |
grid | Yes | No | No | No |
Browsers and Rendering engines
Each property and unit was tested in the latest version of each of the major rendering engines – Presto Core-2, WebKit, Gecko and Trident. KHTML wasn’t tested as they are working on transitioning to WebKit. The browsers used in the charts above were as follows:
- Core-2
- Tested using Opera 9.5 Kestrel, internal build
- WebKit
- Tested using Safari 3 final
- Gecko 1.9
- Tested using Firefox 3 beta
- Trident
- With the absence of public builds, Trident was tested using the shipping version of IE7
Testing procedure
Needs to be done. Above was based on Wikipedia for Safari (which is wrong for Opera at least) and Old 9.0 documentation for Opera.
Notes
- Opera can handle dynamic media queries, while Safari is static (requires a refresh to re-evaliate)
TAG CLOUD
acid3
advanced layout
advanced layout module
Animations
background
border
Browsers
color
css
CSS3.info
CSS WG
csswg
developer tools
disabled
enabled
Feedback
firefox
firefox 3.1
flexible box layout
fonts
generated content
grid positioning
HSLA
HTML5
ie6
jina bolton
jquery
media player
Multicolumn Layout
News
Opera
Opera Dragonfly
presentations
RGBA
safari
Selectors
slides
SVG
text rendering
W3C
wasp
Web Fonts
webkit
windows