关于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%;      
}