CSS设置固定宽高比

当某个区域显示图片，加载缓慢导致下方内容慢慢撑开的高度变化时需要设置图片显示区域的固定位置消除影响。

.img{
    overflow: hidden
    width: 100%
    height: 0
    padding-bottom: 30%
}

height设置为0，高度由padding决定

 

或者(某些浏览器不支持)

.img{
    width: 100%
    height: 30vw
}