开始采用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%; //不设置高度,让其自适应 }
开始采用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%; //不设置高度,让其自适应 }
本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。