轮播图片抖动

Posted by CodingWithAlice on August 3, 2019

轮播图片抖动

移动端轮播图抖动问题

overflowhidden;
width:100%;
height:0;
padding-bottom:31.25%;

padding-bottom:31.25%;表示高度根据宽度相对撑开31.25%,保证图片的宽高比。

注意:不能将height设置成31.25%,因为height是相对于父级的百分比。

或者可以写成另一种形式:

/*高度相对于viewport的宽度;但是可能有兼容性问题*/
width:100%;
height:31.25vm;