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

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

css3 - 純CSS實現寬度是百分比的元素成為一個正方形,適配各種屏幕?

瀏覽:94日期:2023-07-26 08:08:31

問題描述

如題,一個p,設置width:30%,如何讓它的高度和寬度一樣大小,并且隨著寬度的變化而變化?

前提:不使用js代碼

<body> <p style=’width:30%’></p></body>

問題解答

回答1:

<body>

<p style='width:30%;padding-bottom:30%;height:0px;background:#ccc;'></p>

</body>

設置高度為0,防止有內容時高度溢出

回答2:

<body> <p style=’width:30vw; height:30vw;’></p></body>

回答3:

<body> <p style='width:30%;position:relative;overflow:auto;'><img src='http://www.cgvv.com.cn/wenda/一張與背景相同或透明的正方形圖片' style='width:100%;'><p style='position:absolute;top:0;left:0;'> 文字內容</p> </p></body>

標簽: CSS
主站蜘蛛池模板: 欧美一级高清片欧美国产欧美 | 九九99在线视频 | 亚洲国产欧美精品一区二区三区 | 国产精品亚洲专区在线播放 | 久久橹| 成年女人在线视频 | 国产日产高清欧美一区二区三区 | 中文字幕在线视频网站 | 免费高清一级欧美片在线观看 | 成人性毛片 | 一级欧美在线的视频 | 欧美一区二区亚洲 | 日本国产最新一区二区三区 | 就草草在线观看视频 | 亚洲免费色 | 在线a人片免费观看国产 | 99精品视频在线视频免费观看 | 亚洲一区二区视频 | 亚洲精品不卡视频 | 久久欧美精品 | 国产一级在线观看 | 伊人www| 久久成人a毛片免费观看网站 | 亚洲国产一区二区三区最新 | 欧美一区二区三区四区在线观看 | 国产精选莉莉私人影院 | 亚州一级毛片在线 | 一区二区三区四区在线免费观看 | 加勒比日本道 | 日韩三级欧美 | 欧美一级高清片免费一级 | 亚洲精品一区二区三区在线播放 | 色本道 | 真人一级毛片全部免 | 亚洲国产成人久久综合一 | 日本成人免费在线观看 | 国产视频合集 | 女人张开腿男人猛桶视频 | 亚洲免费视 | 综合久久久久久 | 国产精品久久久久久久久久直 |