css3中vh是什麼意思

在css3中，vh是「視窗高度百分比」的意思，是一種視窗單位，也是相對單位；vh是相對於視窗的高度而定的，視窗就是客戶端瀏覽器的可視區域，視窗被均分為100個單位，1vh的大小是視窗高度的百分之一。

本教學操作環境：windows10系統、CSS3&&HTML5版、Dell G3電腦。

css3中vh是什麼意思

vh是相對視口（viewport）的高度而定的，1vw 等於1/100的視口寬度。

在客戶端，視口指的是瀏覽器的視覺區域；

而在行動端，它涉及3個視窗：Layout Viewport（佈局視窗），Visual Viewport （視覺視窗），Ideal Viewport（理想視窗）。指的是Layout Viewport, 「視區」所指為瀏覽器內部的視覺區域大小，即window.innerWidth/window.innerHeight大小，不包含工作列標題列以及底部工具列的瀏覽器區域大小。

vh單位可以根據視窗的高度自動改變大小，1vh是視窗高度的1%；

vw和vh是相對於視窗（viewport，也可以叫做視區、視界或可視範圍）的寬度和高度。

擴展知識：

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

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

vmin: 選取vw 和vh 中最小的那個

vmax: 選取vw 和vh 中最大的那個

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

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

vw、vh、％ 的區別

％ 是相對於父元素的大小設定的比率，vw vh 是視口大小決定的

vw、vh 能直接取得高度，而％ 如果沒有設定body的高度情況下，是無法取得可視區域的高度。

（學習影片分享：css影片教學）

以上是css3中vh是什麼意思的詳細內容。更多資訊請關注PHP中文網其他相關文章！