JS动态计算图片宽高比(轮播图适用)

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

非占满屏幕宽时

var bottomCarou = document.querySelectorAll('._kv .swiper-slide');//获取大盒子
    let _kv = document.querySelector('.web-wrap');
    for(let i=0;i

你可能感兴趣的:(JS动态计算图片宽高比(轮播图适用))