CSS1vh是一種用來設置CSS屬性的單位,它代表視口高度的百分之一。這意味著,如果一個元素被設置為1vh,它的高度將相對于視口高度的1%來計算。
舉個例子,假設你的網頁的視口高度為800像素。如果你在CSS中將一個元素的高度設置為1vh,那么它的高度將被計算為8像素(因為1% of 800 equals 8)。
.box { height: 50vh; padding: 1vh; }
上面的代碼演示了如何使用CSS1vh單位來設置元素的高度和內邊距。這個.box類的高度是視口高度的50%,而它的內邊距是視口高度的1%。
CSS1vh是一個非常有用的單位,它可以幫助你在不同尺寸的設備上創建響應式布局。你可以使用它來設置元素的尺寸,字體大小和其他CSS屬性,以便它們在各種設備上都能按照預期工作。