本文目錄導讀：

1. 設置寬度和高度
2. 使用百分比
3. ***小寬度和***小高度
4. ***大寬度和***大高度

如何設置網(wǎng)頁窗口的大小

在網(wǎng)頁設計中，設置窗口的大小是一個重要的環(huán)節(jié)，它直接影響到網(wǎng)頁的排版、布局和用戶體驗，通過CSS（層疊樣式表），我們可以輕松地控制網(wǎng)頁窗口的大小。

設置寬度和高度

在CSS中，我們可以使用width和height屬性來設置網(wǎng)頁窗口的寬度和高度。

body {
  width: 1000px;
  height: 600px;
}

這段代碼將網(wǎng)頁窗口的寬度設置為1000像素，高度設置為600像素。

使用百分比

除了像素值，我們還可以使用百分比來設置窗口的大小。

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

這段代碼將網(wǎng)頁窗口的寬度和高度都設置為視口（viewport）的50%。

***小寬度和***小高度

為了確保網(wǎng)頁在較小屏幕上也能正常顯示，我們可以使用min-width和min-height屬性來設置窗口的***小寬度和***小高度。

body {
  min-width: 500px;
  min-height: 300px;
}

這段代碼將網(wǎng)頁窗口的***小寬度設置為500像素，***小高度設置為300像素。

***大寬度和***大高度

我們可能希望網(wǎng)頁窗口在達到某個尺寸后不再繼續(xù)變大，這時，我們可以使用max-width和max-height屬性來設置窗口的***大寬度和***大高度。

body {
  max-width: 1200px;
  max-height: 800px;
}

這段代碼將網(wǎng)頁窗口的***大寬度設置為1200像素，***大高度設置為800像素。