返回顶部

css 图片高度自适应

开始采用js,获取屏幕宽度,按宽高比来设置图片大小。

var wid = window.screen.width;
wid = wid * 0.85;
$('.Img').css('width',wid+'px');
$('.Img').css('height',wid/15*26+'px');

手机端/电脑测试都没问题,但是用微信电脑版自带浏览器打开时会变形,因为其屏幕宽度为1920。

解决:用css

.img{
    width:90%; //不设置高度,让其自适应
}

 

posted @ 2019-09-05 11:14  前端-xyq  阅读(6043)  评论(0编辑  收藏  举报