关于div容器高度随着浏览器宽度按照宽高比自适应的问题（css解决方案）

div容器html代码：

<div class="swiper"></div>

div容器样式代码（此处的31.25%为div容器内容的宽高比，比如div内图片的宽高为：640*200）：

.swiper {overflow: hidden;width: 100%;height: 0;padding-bottom: 31.25%;}