css3 - 在width值與瀏覽器寬度是固定比例的情況下，css怎么設置div的高恒等于寬？

問題描述

本來想說width是用百分比設置的，但是想想不一定是百分比才能做出這種效果，所以我改了用詞

太感謝我采納的答案了！這個問題困擾了我很久很久，一直是用js實現的，原來padding-top使用百分比的時候，是基于父元素寬度的百分比！我才發現，太out了。

另外我發現css3還有幾個單位是解決這個的，但是安卓4.4以上才支持，所以不能用。

vw：viewpoint width，視窗寬度，1vw等于視窗寬度的1%。

vh：viewpoint height，視窗高度，1vh等于視窗高度的1%。

vmin：vw和vh中較小的那個。

vmax：vw和vh中較大的那個。vw, vh, vmin, vmax：IE9+局部支持，chrome/firefox/safari/opera支持，ios safari 8+支持，Android browser4.4+支持，chrome for android39支持

問題解答

width: 50%; padding-top: 50%;回答2：

width:3.2rem;height:3.2rem;這個rem已經是處理了html的字體大小了，為了設計稿自適應方案。