div容器html代碼：

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

div容器樣式代碼（此處的31.25%為div容器內容的寬高比，比如div內圖片的寬高為：640*200）：

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

?

總結

以上是生活随笔為你收集整理的关于div容器高度随着浏览器宽度按照宽高比自适应的问题（css解决方案）的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。