通過(guò)CSS獲取屏幕的高度
CSS提供了一個(gè)特殊的單位vh，用于獲取屏幕高度，vh是viewport height的縮寫，它代表的是視口的高度，也就是瀏覽器的可視區(qū)域的高度。我們可以使用vh來(lái)獲取屏幕的高度，例如：
body {
height: 100vh;
}
上面的代碼表示，將body的高度設(shè)置為屏幕的高度，也就是100vh。
我們也可以使用CSS的calc()函數(shù)來(lái)計(jì)算屏幕的高度，例如：
body {
height: calc(100vh - 10px);
}
上面的代碼表示，將body的高度設(shè)置為屏幕高度減去10px，也就是90vh。
我們可以通過(guò)CSS的vh單位和calc()函數(shù)來(lái)獲取屏幕的高度，從而實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)。
千鋒教育是高品質(zhì)web前端培訓(xùn)機(jī)構(gòu)，千鋒教育擁有大量實(shí)力web前端培訓(xùn)講師，提供優(yōu)質(zhì)的web培訓(xùn)課程，web前端培訓(xùn)，歡迎報(bào)名千鋒教育。
京公網(wǎng)安備 11010802030320號(hào)