请选择 进入手机版 | 继续访问电脑版

弘帝企业智能建站系统交流平台

 找回密码
 立即注册
查看: 948|回复: 0

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

[复制链接]
发表于 2022-2-18 21:56:31 | 显示全部楼层 |阅读模式
<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即可实现,非常方便。
此功能已经应用于弘帝建站系统。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|弘帝企业智能建站系统 ( 皖ICP备07503252号 )

GMT+8, 2024-3-29 01:05 , Processed in 0.081651 second(s), 15 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表