css轻松实现固定比例的块级容器

给H5布局的时候一般都会碰到banner(横幅) 比如要显示成2比1 当然后端返回的图片是2比1就好了 但事情往往不会那么如意 所以怎么办呢 ? 写死宽高总觉得不妥当 默认width: 100%;让height自适应呢 图片会慢慢撑开(产品经理就会说这样用户体验不好 我TM就是用户 我就觉得挺好) 方法来了 .banner-wrapper { position: relative; width: 100%; padding-top: 50%; } .banner {