純css實現長寬等比例的div

現代網站頁面基本都需要響應式，一個div的長寬往往我們都設置爲百分之多少，這個百分之是相對於父容器動態計算的 這樣在瀏覽器寬度變化之後，我們的元素也能自動更新長寬。例如：我們在頁面上擺了一個div，這個寬度設置爲20%， 同時又要求div始終保持4：3的長寬比來顯示，因爲這樣看上去可能美觀一點。很顯然，不能因爲寬度是20%了，把高度 設置爲15%，這是肯定錯誤的。通常想到的方法就是用js動態計算，

>>阅读原文<<