css3中vh指的是什么

這篇文章主要介紹“css3中vh指的是什么”的相關(guān)知識(shí)，小編通過實(shí)際案例向大家展示操作過程，操作方法簡(jiǎn)單快捷，實(shí)用性強(qiáng)，希望這篇“css3中vh指的是什么”文章能幫助大家解決問題。

上蔡網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián),上蔡網(wǎng)站設(shè)計(jì)制作，有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為上蔡近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\成都外貿(mào)網(wǎng)站建設(shè)公司要多少錢，請(qǐng)找那個(gè)售后服務(wù)好的上蔡做網(wǎng)站的公司定做！

在css3中，vh是“視窗高度百分比”的意思，是一種視窗單位，也是相對(duì)單位；vh是相對(duì)于視窗的高度而定的，視窗就是客戶端瀏覽器的可視區(qū)域，視窗被均分為100個(gè)單位，1vh的大小是視窗高度的百分之一。

本教程操作環(huán)境：windows10系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

css3中vh是什么意思

vh是相對(duì)視口（viewport）的高度而定的，1vw 等于1/100的視口寬度。

在客戶端，視口指的是瀏覽器的可視區(qū)域；

而在移動(dòng)端，它涉及3個(gè)視口：Layout Viewport（布局視口），Visual Viewport（視覺視口），Ideal Viewport（理想視口）。指的就是Layout Viewport, “視區(qū)”所指為瀏覽器內(nèi)部的可視區(qū)域大小，即window.innerWidth/window.innerHeight大小，不包含任務(wù)欄標(biāo)題欄以及底部工具欄的瀏覽器區(qū)域大小。

vh單位可以根據(jù)窗口的高度自動(dòng)改變大小，1vh是窗口高度的1%；

vw和vh是相對(duì)于視口（viewport，也可以叫做視區(qū)、視界或可視范圍）的寬度和高度。

擴(kuò)展知識(shí)：

vw: 視口寬度的百分比（1vw 等于視口寬度的 1%）

vh: 視口高度的百分比（1vh 等于視口高度的 1%）

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

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

vw、vh 是基于視口的，而不是父元素。1vw 等于1/100 的視口寬度，1vh 等于1/100 的視口高度，比如：

瀏覽器高度 950px，寬度為 1920px, 1vh = 950px/100 = 9.5 px，1vw = 1920px/100 =19.2 px

vw、vh、％ 的區(qū)別

％ 是相對(duì)于父元素的大小設(shè)定的比率，vw vh 是視口大小決定的

vw、vh 能直接獲取高度，而 ％ 如果沒有設(shè)置body的高度情況下，是無法獲取可視區(qū)域的高度。

關(guān)于“css3中vh指的是什么”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)，可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，小編每天都會(huì)為大家更新不同的知識(shí)點(diǎn)。

分享文章：css3中vh指的是什么
轉(zhuǎn)載來于：http://muchs.cn/article18/pidddp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站內(nèi)鏈、用戶體驗(yàn)、全網(wǎng)營(yíng)銷推廣、ChatGPT、網(wǎng)站建設(shè)、App開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)