CSS樣式高度如何等于屏幕高度

在CSS中，我們可以使用vh單位來設置樣式的高度，使其等于屏幕的高度，vh單位表示視口高度的百分比，即1vh等于視口高度的1%。

如果我們想要設置一個元素的高度等于屏幕高度，可以將其高度設置為100vh：

height: 100vh;

這樣，該元素的高度就會等于屏幕高度，無論屏幕尺寸如何變化，該元素的高度都會隨之變化，始終保持與屏幕高度一致。

需要注意的是，使用vh單位設置樣式高度時，瀏覽器會忽略該元素內部的垂直邊距和填充，只計算元素本身的高度，如果需要設置元素內部的樣式，應該使用其他單位或結合使用多個單位來實現(xiàn)。

還需要注意一些兼容性問題，雖然大部分現(xiàn)代瀏覽器都支持vh單位，但一些較老的瀏覽器可能不支持該單位，在使用vh單位時，應該謹慎測試其在不同瀏覽器中的兼容性，以確保樣式的正確性和可用性。