Picturefill pour des img responsive
►http://scottjehl.com/picturefill
<picture alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia">
<!— smallest size first - no @media qualifier —>
<source src='https://seenthis.net/img_m.jpg'>
<!— medium size - send to viewport widths 400px wide and up —>
<source src='https://seenthis.net/img.jpg' media="(min-width: 400px)">
<!— large size - send to viewport widths 800px wide and up —>
<source src='https://seenthis.net/img_z.jpg' media="(min-width: 800px)">
<!— extra large size - send to viewport widths 1000px wide and up —>
<source src='https://seenthis.net/img_b.jpg' media="(min-width: 1000px)">
<!— extra large size - send to viewport widths 1300px wide and up —>
<source src='https://seenthis.net/img_o.jpg' media="(min-width: 1200px)">
<!— Fallback content for non-JS or non-media-query-supporting browsers. Same img src as the initial, unqualified source element. —>
<noscript><img src='https://seenthis.net/img_m.jpg' alt="A giant stone face at The Bayon temple in Angkor Thom, Cambodia"></noscript>
</picture>
#web #responsive #javascript #polyfill #html5