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

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

>>阅读原文<<