Last Updated: February 25, 2016
·
2.29K
· joaocunha

How to target retina devices with Modernizr

/**
 * Modernizr test for retina / high resolution / high pixel density
 *
 * @author Joao Cunha
 * @license MIT
 */

Modernizr.addTest('hires', function() {
    // starts with default value for modern browsers
    var dpr = window.devicePixelRatio ||

    // fallback for IE
        (window.screen.deviceXDPI / window.screen.logicalXDPI) ||

    // default value
        1;

    return !!(dpr > 1);
});

1 Response
Add your response

Thank you for sharing. I've got just a question: why are you writing !!(condition) ?
Wouldn't it be the same of (condition)?
Thanks, Pietro.

over 1 year ago ·

Have a fresh tip? Share with Coderwall community!

Post
Post a tip