在前端開發(fā)中,我們經(jīng)常需要獲取屏幕的高度,以便在設(shè)計響應(yīng)式網(wǎng)頁時進行布局的優(yōu)化。而在JavaScript中,通過document.body.clientHeight可以獲取文檔body部分的高度,而通過window.innerHeight獲取當(dāng)前瀏覽器窗口的高度。
而在CSS中,我們同樣可以通過單位vh來獲取屏幕高度的百分比值,其中1vh表示視口高度的1%。
/*在CSS中,使用vh單位獲取屏幕高度*/ .container{ height:100vh; }
這樣,我們就可以使用CSS來對網(wǎng)頁進行相應(yīng)調(diào)整,讓布局更加美觀,而在JavaScript中獲取屏幕高度則可以在一些特殊情況下使用,例如在某些需要動態(tài)調(diào)整布局的場景中。