Support Tests

This page should be green if the CSS has loaded.

Browser support

Browser info
NameValue
No Javascript - unable to detect anything!

Relevent code:


            <head>
                ...
                <link rel="stylesheet" href="mq-test.css" media="only screen and (min-resolution: 0.1dpcm)">
                <link rel="stylesheet" href="mq-test.css" media="only screen and (-webkit-min-device-pixel-ratio:0) and (min-color-index:0)">
                <link rel="stylesheet" href="mq-test.css" media="only screen and (-webkit-min-device-pixel-ratio:1.1)">
                
                <!--[if IE 8]>
                <link rel="stylesheet" href="mq-test.css">
                <![endif]-->
                
                <script>
                    if (navigator.userAgent.indexOf('UCBrowser') > -1) {
                      var link  = document.createElement('link');
                      link.rel  = 'stylesheet';
                      link.href = 'mq-test.css';
                      document.getElementsByTagName('head')[0].appendChild(link);
                    }
                </script>
                ...
            </head>
            <body>
            ...
                <script>
                    var is_supported = false
                      , val = '';
                    if (window.getComputedStyle) {
                        val = window.getComputedStyle(document.body).getPropertyValue('clear', null);
                    } else if (document.body.currentStyle) {
                        val = document.body.currentStyle.clear;
                    }
                    
                    if (val == 'both') {
                        is_supported = true;
                    }

                    if (is_supported) {
                        document.getElementById('js-msg').innerHTML = 'Browser CSS support detected by JavaScript.'
                    }
                </script>
            ...
            </body>