本文目錄導讀：

1. 設(shè)置網(wǎng)頁寬度
2. 設(shè)置網(wǎng)頁高度
3. 設(shè)置字體大小
4. 使用百分比設(shè)置大小

怎么用CSS控制網(wǎng)頁大小

CSS，全稱層疊樣式表，是一種用于描述HTML文檔樣式的語言，在網(wǎng)頁設(shè)計中，CSS可以用來控制網(wǎng)頁的大小，包括寬度、高度、字體大小等，下面是一些使用CSS控制網(wǎng)頁大小的方法。

設(shè)置網(wǎng)頁寬度

在CSS中，可以使用width屬性來設(shè)置網(wǎng)頁的寬度，如果你想將網(wǎng)頁的寬度設(shè)置為1000像素，可以編寫如下代碼：

body {
  width: 1000px;
}

這會將網(wǎng)頁的寬度設(shè)置為1000像素，但需要注意的是，如果瀏覽器窗口的寬度小于1000像素，網(wǎng)頁的內(nèi)容可能會被截斷或顯示不完全。

設(shè)置網(wǎng)頁高度

與設(shè)置寬度類似，CSS中的height屬性可以用來設(shè)置網(wǎng)頁的高度。

body {
  height: 800px;
}

這會將網(wǎng)頁的高度設(shè)置為800像素，需要注意的是，如果內(nèi)容超出了這個高度，用戶可能需要滾動才能查看全部內(nèi)容。

設(shè)置字體大小

在CSS中，可以使用font-size屬性來設(shè)置字體的大小。

body {
  font-size: 16px;
}

這會將網(wǎng)頁中的字體大小設(shè)置為16像素，字體大小的設(shè)置對于提高網(wǎng)頁的可讀性非常重要。

使用百分比設(shè)置大小

除了使用像素值外，還可以使用百分比來設(shè)置網(wǎng)頁的大小。

body {
  width: 100%;
  height: 100%;
}

這會將網(wǎng)頁的寬度和高度都設(shè)置為瀏覽器窗口的100%，這種方法的好處是，無論瀏覽器窗口的大小如何變化，網(wǎng)頁的大小都會自動調(diào)整以適應(yīng)窗口的大小。

使用CSS控制網(wǎng)頁大小的方法有很多種，你可以根據(jù)自己的需求選擇適合的方法，也需要注意到不同瀏覽器對于CSS的支持可能會有所不同，因此在編寫CSS代碼時，***好能夠考慮到兼容性問題。