HTML5 響應(yīng)像素密度

■實例設(shè)計

本例以屏幕像素密度作為條件，設(shè)計當(dāng)像素密度為2x時，加載后綴為_retina.png的圖片，當(dāng)像素密度為1x時加載無后綴retina的圖片。

<picture>

    <source media="(min-width: 320px) and (max-width: 640px)n srcset=nimages/minpic—retina.png 2x">

    <source media="(min-width: 640px)" srcset="img/middle.png,img/middle_retina.png 2xn>

    <img src="img/picture.png,img/picture_retina.png 2x" alt="this is a picture"〉

</picture>