国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

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

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

問題描述

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

太感謝我采納的答案了!這個問題困擾了我很久很久,一直是用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的字體大小了,為了設計稿自適應方案。

標簽: CSS
主站蜘蛛池模板: 手机国产精品一区二区 | 在线观看国产一区二区三区 | 亚洲国产精品第一区二区 | 在线视频一二三区2021不卡 | 国产高清精品自在线看 | 精品国产一区二区三区在线 | 精品国产欧美另类一区 | 国产亚洲精品激情一区二区三区 | 福利社在线视频 | a欧美视频| 欧美大片在线播放 | 亚洲在线视频播放 | 在线免费观看欧美 | 亚洲乱淫| 国内精品久久久久影院老司 | 男女乱淫真视频免费观看 | 最新三级网站 | 永久在线| 久久99久久99精品 | 久草经典视频 | 日韩成人一级 | 99久久精品免费视频 | 国产一级黄毛片 | 在线综合+亚洲+欧美中文字幕 | 欧美精品一区二区三区四区 | 日本欧美做爰全免费的视频 | 黄色毛片子 | 成 人 动漫在线观看网站网站 | 正能量www正能量免费网站 | 国产日韩在线看 | 99精品视频观看 | 在线免费观看一区二区三区 | 欧美丝袜xxxxx在线播放 | 欧美一级欧美一级在线播放 | 国产午夜精品久久久久免费视 | 国产精品合集一区二区 | 99色视频在线观看 | 欧美精品首页 | 日本一级毛片片在线播放 | 美女黄色免费在线观看 | 国产免费一区二区在线看 |