当前位置：网站首页>图片根据屏幕自适应

图片根据屏幕自适应

2022-07-28 05:18:00 【积雷山摩云洞】

var bodyWidth = $(window).width();
var conwidth = window.innerWidth;
var Wproportion = bodyWidth / conwidth;
console.log(Wproportion)
var H = 200;
var W = 200;
var newH = Wproportion* H;
var newW = Wproportion* W;
for(var i = 1; i< 8;i++){
$('ul').append('<li><img class="imgsize" src="img/'+i+'.jpg"/></li>')
}
$(".imgsize").css({'width':newW,'height':newH});

原网站

版权声明
本文为[积雷山摩云洞]所创，转载请带上原文链接，感谢
https://blog.csdn.net/HulunBuirprairie/article/details/79702952