css中100vh是什麼

在css中，「100vh」是指大小為「100」單位為「vh」的一個相對長度值；「vh」是css中的一個相對長度單位，是相對於視窗的高度， 「100vh」是指元素的高度等於目前瀏覽器的視窗高度，即瀏覽器內部的可視區域的高度大小。

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

css中100vh是什麼

vh是css中的一個相對長度單位，相對於視窗的高度, 視窗被均分為100單位的vh，即1vh永遠等於當前視窗高度的百分之一。

視窗被均分為100單位的vh。 vh 優勢在於能夠直接取得高度，而用 % 在沒有設定 body 高度的情況下，是無法正確獲得可視區域的高度的。

視區所指為瀏覽器內部的視覺區域大小， 即window.innerWidth/window.innerHeight大小，不包含工作列標題列以及底部工具列的瀏覽器區域大小。

因此，100vh就等於目前瀏覽器的視窗高度，也就是瀏覽器內部的視覺區域的高度大小。

設定height:100vh，不論元素沒有內容，該元素都會被撐開與螢幕高度一致

擴展知識：

• vh: 相對於視窗的高度, 視窗被皆分為100單位的vh;

• vw: 相對於視窗的寬度, 視窗被均分為100單位的vw;

• vmax: 相對於視窗的寬度或高度中較大的那個。其中最大的被均分為100單位的vmax;

• vmin: 相對於視窗的寬度或高度中較小的那個。其中最小的被分為100單位的vmin;

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

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