CSS 視窗指的是瀏覽器中用于顯示網(wǎng)站內(nèi)容的區(qū)域。在 CSS 中,視窗通常指的是瀏覽器的可視區(qū)域。
例如: html { height: 100%; } body { margin: 0; padding: 0; height: 100%; } .wrapper { height: 100vh; }
在這個(gè)例子中,我們?cè)O(shè)置了 HTML 和 body 標(biāo)簽的高度為100%。這意味著它們將占據(jù)瀏覽器窗口的整個(gè)高度。
接下來(lái),我們創(chuàng)建了一個(gè)包含類(lèi)名為“wrapper”的 div 元素,其高度設(shè)置為 100vh。vh 是指視窗高度的單位,1vh 等于視窗高度的 1%。
因此,這個(gè) div 元素將占用瀏覽器窗口的整個(gè)高度,并且將根據(jù)窗口大小自動(dòng)調(diào)整大小。
使用 CSS 視窗,我們可以輕松地設(shè)置元素的自適應(yīng)和響應(yīng)式布局,以更好地適應(yīng)各種不同尺寸的設(shè)備。