CSS實現背景圖片固定寬高比自適應調整

    <img>標籤可使圖片在保持寬高比不變的狀況下自動調整。咱們討論的是div的背景圖片實現固定寬高比自適應調整的方法。這裏的圖片不是< img>標籤同樣經過src引入，而是經過css的background-image: url('路徑')實現。     實現背景圖片固定寬高比縮放咱們採用padding-top:(percentage)來實現，padding-top取值百分比是相對於包含塊的寬

>>阅读原文<<