Support Tests - M3

This page should be green if the CSS has loaded.

The CSS has NOT loaded.

Browser support

• IE 10+ (including Edge)
• Chrome 29+
• FF 29+
• Opera 16+
• Safari 6.1+
• iOS 7+
• Android ~4.3+ (Webkit ~537.36+)

Stylesheet declarations:

<!--
    Print (Edge doesn't apply to print otherwise)
    IE 10, 11
    Edge
    Chrome 29+, Opera 16+, Safari 6.1+, iOS 7+, Android ~4.4+
    FF 29+   
-->
<link rel="stylesheet" href="css/mq-test.css" media="
    only print,
    only all and (-ms-high-contrast: none), only all and (-ms-high-contrast: active),
    only all and (pointer: fine), only all and (pointer: coarse), only all and (pointer: none),
    only all and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0),
    only all and (min--moz-device-pixel-ratio:0) and (min-resolution: 3e1dpcm)
">

Notes

Also tested on Mac OSX10.8 - Camino 2.1. It doesn't work, of course but good to know for sure.
UA: Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.9; en; rv:1.9.2.28) Gecko/20120308 Camino/2.1.2 (like Firefox/3.6.28)

On crossbrowsertesting.com it doesn't work Android Galaxy S5 / 4.4(.2) (webkit 537.36, Android browser) for some reason. This is a bit of an anomaly as all other tested 537.36 webkits seem to work.

From MDN:

The only operator is used to apply a style only if the entire query matches, useful for preventing older browsers from applying selected styles. If you use the not or only operators, you must specify an explicit media type.