1.测量设计图里对应图片宽高比
2.js动态获取屏幕宽度或装图片盒子的宽度clientWidth``offsetWidth
3.图片盒子height=设计图的width/设计图的height*clientWidth
4.设置一个overflowhidden
当图片占满屏幕宽时
var screenWidth = document.documentElement.clientWidth;//获取屏幕宽 var a = document.querySelectorAll('.swiper-slide a');//获取图片盒子 for(let i=0;i<a.length;i++){ a[i].style.height = 756/1920*screenWidth+'px'; }
非占满屏幕宽时
var bottomCarou = document.querySelectorAll('._kv .swiper-slide');//获取大盒子
let _kv = document.querySelector('.web-wrap');
for(let i=0;i<bottomCarou.length;i++){
bottomCarou[i].style.height=(600/1200)*_kv.clientWidth+'px';
bottomCarou[i].style.overflow='hidden';
}
