css 图片高度自适应

时间：2019-09-05 12:06:16 阅读：98 评论：0 收藏：0 [点我收藏+]

开始采用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%; //不设置高度，让其自适应
}

原文：https://www.cnblogs.com/linjiangxian/p/11464672.html

踩

(0)

评论一句话评论（0）

分享档案

更多>