日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問(wèn) 生活随笔!

生活随笔

當(dāng)前位置: 首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

css3自适应布局单位vw,vh

發(fā)布時(shí)間:2023/12/13 编程问答 28 豆豆
生活随笔 收集整理的這篇文章主要介紹了 css3自适应布局单位vw,vh 小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

視口單位(Viewport units)

什么是視口??

在桌面端,視口指的是在桌面端,指的是瀏覽器的可視區(qū)域;而在移動(dòng)端,它涉及3個(gè)視口:Layout Viewport(布局視口),Visual Viewport(視覺(jué)視口),Ideal Viewport(理想視口)。

視口單位中的“視口”,桌面端指的是瀏覽器的可視區(qū)域;移動(dòng)端指的就是Viewport中的Layout Viewport。

?根據(jù)CSS3規(guī)范,視口單位主要包括以下4個(gè):

? ? ? 1.vw:1vw等于視口寬度的1%。

? ? ? 2.vh:1vh等于視口高度的1%。

? ? ? 3.vmin:選取vw和vh中最小的那個(gè)。

? ? ? 4.vmax:選取vw和vh中最大的那個(gè)。

?vh and vw:相對(duì)于視口的高度和寬度,而不是父元素的(CSS百分比是相對(duì)于包含它的最近的父元素的高度和寬度)。1vh 等于1/100的視口高度,1vw 等于1/100的視口寬度。

比如:瀏覽器高度950px,寬度為1920px, 1 vh = 950px/100 = 9.5 px,1vw = 1920px/100 =19.2 px。

vmax相對(duì)于視口的寬度或高度中較大的那個(gè)。其中最大的那個(gè)被均分為100單位的vmax。

vmin相對(duì)于視口的寬度或高度中較小的那個(gè)。其中最小的那個(gè)被均分為100單位的vmin。

?

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>VW&VH</title> </head> <style>* {padding: 0;margin: 0}.left {float: left;width: 50vw;height: 20vh;background-color: blue;text-align: center;line-height: 20vh;font-size: 3rem}.right {float: right;width: 50vw;height: 20vh;background-color: green;text-align: center;line-height: 20vh;font-size: 3rem} </style><body><div class="left">left</div><div class="right">right</div> </body></html>

?

總結(jié)

以上是生活随笔為你收集整理的css3自适应布局单位vw,vh的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò),歡迎將生活随笔推薦給好友。

主站蜘蛛池模板: 欧美少妇性生活 | 国产做爰视频免费播放 | 猛男大粗猛爽h男人味 | av片在线观看 | 日本少妇xxxx软件 | 久久网页 | 亚洲区小说区图片区 | 亚洲 欧美 国产 另类 | 欧日韩av | 超污网站在线观看 | 爱情岛论坛永久入址在线 | www.香蕉视频 | 亚洲高清精品视频 | 超碰日日干 | 亚洲最大成人综合网 | 麻豆av网址 | 亚洲深爱| 91免费视频国产 | 欧美人与动物xxxx | 我们好看的2018视频在线观看 | 午夜在线观看视频 | 国产ts在线视频 | 久久久久久无码午夜精品直播 | 屁屁影院一区二区三区 | 91丨porny丨国产 | 麻豆国产视频 | 欧美激情天堂 | 中文字幕有码在线视频 | 日本少妇bbb | 少妇扒开粉嫩小泬视频 | 久久久久久久久久久久久久久久久久久 | 亚洲自拍图片 | 国产又黄又粗的视频 | 播放男人添女人下边视频 | 天天操天天爱天天干 | 台湾chinesehdxxxx少妇 | 欧美在线视频观看 | 干干操操 | 午夜精品成人毛片非洲 | 岛国在线视频 | 精品福利视频一区二区 | 成人在线观看网址 | 日日摸夜夜添狠狠添欧美 | 国产精品高清在线观看 | 性高潮免费视频 | 黄色小说网站在线观看 | 伊人9999 | 色网站在线免费观看 | 人妻互换免费中文字幕 | 婷婷伊人综合中文字幕 | 牛牛澡牛牛爽一区二区 | 老熟女重囗味hdxx69 | 欧美精品乱码视频一二专区 | 成人一区二区三区仙踪林 | 伦理久久| 久久精品资源 | 久久久久久久中文字幕 | 天天夜夜久久 | 久久精品噜噜噜成人 | 在哪里可以看黄色片 | 日b视频免费 | 99热这里只有精 | 欧美成人黄 | 黄色的网站在线 | 色综合中文 | 91精品专区 | 扒下小娇妻的内裤打屁股 | 伦理片av | 久久女同互慰一区二区三区 | 久久精品高清视频 | 欧美综合网站 | 99国产精品无码 | 中文字幕一区二区三区手机版 | 国产成人黄色av | 亚洲色图35p | 日本精品一区二区三区四区的功能 | 成人片黄网站久久久免费 | 女生裸体无遮挡 | 男人的天堂2019| 国产精品无码内射 | 中出亚洲 | 日皮视频免费看 | wwwww在线观看 | 致单身男女免费观看完整版 | 日本在线播放一区 | 超碰成人97| 爱情岛亚洲品质自拍极速福利网站 | 精品久久久久久国产 | 午夜亚洲 | 一卡二卡在线 | 小少妇哺乳喂奶播放 | 性喷潮久久久久久久久 | 一级黄色片毛片 | 91香蕉国产在线观看 | 精品无码久久久久久久久 | 无遮挡又爽又刺激的视频 | 在线视频 中文字幕 | 国产小视频免费 | 黄色免费网站在线观看 |