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

■實(shí)例設(shè)計(jì)

本例以屏幕像素密度作為條件，設(shè)計(jì)當(dāng)像素密度為2x時(shí)，加載后綴為_retina.png的圖片，當(dāng)像素密度為1x時(shí)加載無后綴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>