Allows compound media queries to be used to determine which image source should be used.
Scale your browser's viewport to 480px or less on a device that has a device pixel ratio of 2 or higher (such as an iPhone 4) and compare the result to a device that has a device pixel ratio of less than 2.
<div data-picture data-alt="Picturefill test">
<div data-src="img/default.png"></div>
<div data-src="img/640x180.png" data-media="(min-device-pixel-ratio: 2.0)"></div>
<noscript><img src="img/noscript.png" alt="Picturefill test" /></noscript>
</div>
Need more info? View the project
Author: Tyson Matanich