一张背景图 宽度为100%，高度为固定值100px，如何应对宽屏手机导致图片宽度拉伸变得模糊
4 回答
已采纳
酷学007
TA贡献1条经验 获得超1个赞
方案一：
图片原图高清：宽度依旧100%，height：auto；即可适用于 图片自适应，且跨平台
方案二：
图片清晰度有限：用媒体查询
@media screen and (max-width: 500px) { //原图片最大宽度
img {
width：100%；
}
}
@media screen and (min-width: 501px) and (max-width: 1980px){
//(原图片最大宽度+1)and (最大屏幕宽度)
img {
width：（原图片最大固定宽度）；
margin：auto；//图片居中
}
}
- 4 回答
- 1 关注
- 2133 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消