保持图片宽高比
css保持图片宽高比
图片设定好100%的宽度(图片是红框外的那个swiper-img)以后,查看高比宽大概是31.25%的比例,于是将swiper的包裹组件.wrapper的属性设置为如下,则div的高度就被拉伸至那么高,即高度相对于宽度会被撑开31.25% 在页面图片动态加载时wrapper可以被撑开,解决页面图片尚未加载出来时div高度为0的问题
注意wrapper的高度要设置为0,不能将wrapper的高度直接设置到31.25%
如要简写,可以将红框内的属性设置为height:31.25vw,不过可能有些浏览器不兼容