在布局H5的时候，经常会遇到横幅（banners）。比如你要显示2:1的图片，如果后端返回的图片是2:1就好了，但是事情往往不是那么如意，那怎么办呢？写死宽高总是不合适的。默认宽度：100%；使高度自适应，图片会慢慢展开（产品经理会说用户体验不好，我是用户，我觉得很好）。方法就在这里。banner-wrapper{位置：相对；宽度：100%；填充顶部：50%；}.banner{位置：绝对；左：0；顶部：0；宽度：100%；高度：100%；}
在布局H5的时候，经常会遇到横幅（banners）。比如你要显示2:1的图片，如果后端返回的图片是2:1就好了，但是事情往往不是那么如意，那怎么办呢？写死宽高总是不合适的。默认宽度：100%；使高度自适应，图片会慢慢展开（产品经理会说用户体验不好，我是用户，我觉得很好）。方法就在这里。banner-wrapper{位置：相对；宽度：100%；填充顶部：50%；}.banner{位置：绝对；左：0；顶部：0；宽度：100%；高度：100%；}