admin 发表于 2022-2-18 21:56:31

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

<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即可实现,非常方便。
此功能已经应用于弘帝建站系统。
页: [1]
查看完整版本: 【CSS3】不同分辨率设备响应对应的图片