【CSS3】不同分辨率设备响应对应的图片

admin

<div class="Thumbs"><picture>
<source media="(min-width:640px)" srcset="UploadFiles/Picture/dx_06.jpg">
<source media="(max-width:640px)" srcset="UploadFiles/Picture/banner_2_992_01.jpg">
<img src="UploadFiles/Picture/banner_2_992_01.jpg">
</picture>
</div>

当设备分别对640以上或以下的分辨率自动响应指定分辨率的图片，不需要JS和CSS即可实现，非常方便。
此功能已经应用于弘帝建站系统。