本文目錄導(dǎo)讀：

1. 設(shè)置瀏覽器窗口的寬度和高度
2. 設(shè)置瀏覽器窗口的***大和***小限制
3. 使用百分比設(shè)置瀏覽器窗口大小
4. 響應(yīng)式設(shè)計中的瀏覽器大小控制

CSS控制瀏覽器大小的方法

CSS（級聯(lián)樣式表）可以用來控制HTML元素的樣式，包括瀏覽器窗口的大小，通過CSS，可以輕松地調(diào)整瀏覽器窗口的寬度和高度，以及***大和***小限制。

設(shè)置瀏覽器窗口的寬度和高度

可以使用CSS的“width”和“height”屬性來設(shè)置瀏覽器窗口的寬度和高度，要將瀏覽器窗口的寬度設(shè)置為800像素，高度設(shè)置為600像素，可以使用以下代碼：

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

設(shè)置瀏覽器窗口的***大和***小限制

CSS的“max-width”和“min-width”屬性可以用來設(shè)置瀏覽器窗口的***大和***小寬度，同樣，可以使用“max-height”和“min-height”屬性來設(shè)置瀏覽器窗口的***大和***小高度，要將瀏覽器窗口的寬度限制在800像素到1200像素之間，可以使用以下代碼：

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

使用百分比設(shè)置瀏覽器窗口大小

除了使用像素值外，還可以使用百分比來設(shè)置瀏覽器窗口的大小，要將瀏覽器窗口的寬度設(shè)置為容器寬度的50％，可以使用以下代碼：

body {
  width: 50%;
}

使用百分比設(shè)置寬度時，高度也需要相應(yīng)地調(diào)整，以確保瀏覽器窗口始終保持矩形形狀。

響應(yīng)式設(shè)計中的瀏覽器大小控制

在響應(yīng)式設(shè)計中，需要根據(jù)不同的屏幕尺寸和設(shè)備類型來調(diào)整瀏覽器窗口的大小，可以使用CSS的媒體查詢（media queries）來實現(xiàn)這一點，要為不同的屏幕尺寸設(shè)置不同的瀏覽器窗口大小，可以使用以下代碼：

body {
  width: 800px;
  height: 600px;
}
@media screen and (max-width: 600px) {
  body {
    width: 100%;
    height: auto;
  }
}

在這個例子中，當(dāng)屏幕尺寸小于或等于600像素時，瀏覽器窗口的寬度將自動設(shè)置為100％，高度將自動調(diào)整。