Compatibility table – Media Queries

CSS3 Media Queries features
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:

Tested using Opera 9.5 Kestrel, internal build
Tested using Safari 3 final
Gecko 1.9
Tested using Firefox 3 beta

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.


  • Opera can handle dynamic media queries, while Safari is static (requires a refresh to re-evaliate)


Advertise here?