0%

CSS: vh、vw

在CSS中有兩個單位可以做到稱滿整個版面,一個是vh(view height),一個是vw(view width)。

這兩個單位代表的是螢幕可視範圍高度與寬度的百分比,所以100vh與100vw分別代表100%
整個螢幕可視高度與100%螢幕可視寬度。

與%單位不同,%是以父層來計算,vw與vh是整個視窗,所以經常會用在banner上。

範例

這裡的example使用了vw與vh這兩個單位,所以會撐滿整個視窗。