CSS3

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:

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)