HTML5 响应像素密度

■实例设计

本例以屏幕像素密度作为条件，设计当像素密度为2x时，加载后缀为_retina.png的图片，当像素密度为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>