成人在线亚洲_国产日韩视频一区二区三区_久久久国产精品_99国内精品久久久久久久

您的位置:首頁技術(shù)文章
文章詳情頁

css3 - 在width值與瀏覽器寬度是固定比例的情況下,css怎么設(shè)置div的高恒等于寬?

瀏覽:88日期:2023-07-11 08:53:13

問題描述

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

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

另外我發(fā)現(xiàn)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支持

問題解答

回答1:

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

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

標簽: CSS