CSS中,我們可以使用width
和height
屬性來(lái)設(shè)置元素的大小,如果想要讓元素的大小與屏幕一樣大,可以使用100vw
和100vh
單位來(lái)設(shè)置元素的寬度和高度。vw
表示視口寬度的百分比,vh
表示視口高度的百分比。
如果想要讓一個(gè)div元素的大小與屏幕一樣大,可以這樣設(shè)置:
div { width: 100vw; height: 100vh; }
這樣,div元素就會(huì)占據(jù)整個(gè)屏幕的大小,需要注意的是,這種方法只在支持視口單位(vw、vh)的瀏覽器中有效。
如果想要讓元素的大小與屏幕一樣寬,但高度自適應(yīng),可以使用100vw
來(lái)設(shè)置寬度,并使用auto
來(lái)設(shè)置高度:
div { width: 100vw; height: auto; }
這樣,div元素就會(huì)占據(jù)整個(gè)屏幕的寬度,而高度則會(huì)根據(jù)內(nèi)容自動(dòng)調(diào)整。