問(wèn)題描述

本來(lái)想說(shuō)width是用百分比設(shè)置的，但是想想不一定是百分比才能做出這種效果，所以我改了用詞

太感謝我采納的答案了！這個(gè)問(wèn)題困擾了我很久很久，一直是用js實(shí)現(xiàn)的，原來(lái)padding-top使用百分比的時(shí)候，是基于父元素寬度的百分比！我才發(fā)現(xiàn)，太out了。

另外我發(fā)現(xiàn)css3還有幾個(gè)單位是解決這個(gè)的，但是安卓4.4以上才支持，所以不能用。

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

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

vmin：vw和vh中較小的那個(gè)。

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

問(wèn)題解答

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

width:3.2rem;height:3.2rem;這個(gè)rem已經(jīng)是處理了html的字體大小了，為了設(shè)計(jì)稿自適應(yīng)方案。