This page should be green if the CSS has loaded.
The CSS has NOT loaded.
Browser support
- Edge 12+
- Chrome 39+
- FF 47+
- Opera 26+
- Safari 9+
- iOS 9+
- Android ~5+ (according to caniuse, though it works on ~4.3+ if using Chrome or Samsung)
- Android UCBrowser 11.8+ (according to caniuse though currently untested. Does not work on Android UCBrowser 11.3.2))
Name | Value |
---|---|
No Javascript - unable to detect anything! |
Stylesheet declarations:
<!--
Print (Edge doesn't apply to print otherwise)
Edge, Chrome 39+, Opera 26+, Safari 9+, iOS 9+, Android ~5+*, Android UCBrowser 11.8+**
FF 47+
* (according to caniuse, though it works on ~4.3+ if using Chrome or Samsung)
** (according to caniuse though currently untested. Does not work on Android UCBrowser 11.3.2)
-->
<link rel="stylesheet" href="css/mq-test.css" media="
only print,
only all and (pointer: fine), only all and (pointer: coarse), only all and (pointer: none),
only all and (min--moz-device-pixel-ratio:0) and (display-mode:browser), (min--moz-device-pixel-ratio:0) and (display-mode:fullscreen)
">
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)
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 thenot
oronly
operators, you must specify an explicit media type.