在CSS中,我們可以使用height
和width
屬性來(lái)設(shè)置元素的高度和寬度,如果我們想要將元素的高度和寬度設(shè)置為相等的值,那么我們可以使用vw
(視口寬度)或vh
(視口高度)單位來(lái)實(shí)現(xiàn)。
如果我們想要將一個(gè)元素的高度和寬度都設(shè)置為視口寬度的50%,那么我們可以這樣寫:
.element { width: 50vw; height: 50vw; }
或者,我們也可以將其轉(zhuǎn)換為視口高度的50%,這樣寫:
.element { width: 50vh; height: 50vh; }
這樣,元素的高度和寬度就會(huì)相等,并且隨著視口大小的變化而變化。
我們還可以使用max-width
和max-height
屬性來(lái)限制元素的***大寬度和***大高度,如果我們想要將一個(gè)元素的***大寬度和***大高度都設(shè)置為100%,那么我們可以這樣寫:
.element { max-width: 100%; max-height: 100%; }
這樣,元素就不會(huì)超過(guò)其容器的大小,并且其高度和寬度始終相等。