如何定義CSS頁面大小

在CSS中，我們可以使用width和height屬性來定義頁面的大小，這些屬性可以應(yīng)用于任何元素，包括div、span、p等，并且可以使用任何合法的CSS單位（如像素、百分比、em等）。

如果你想將一個(gè)頁面的寬度設(shè)置為1000像素，高度設(shè)置為600像素，你可以這樣寫：

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

這將使頁面的寬度和高度分別設(shè)置為1000像素和600像素，這只會(huì)影響頁面的內(nèi)容區(qū)域，而不會(huì)影響到瀏覽器窗口的大小。

如果你想讓頁面的寬度和高度隨著瀏覽器窗口的變化而變化，你可以使用百分比單位。

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

這將使頁面的寬度和高度都設(shè)置為瀏覽器窗口的100%，無論瀏覽器窗口的大小如何變化，頁面的大小都會(huì)隨之變化。

CSS中的width和height屬性并不會(huì)強(qiáng)制限制頁面的大小，如果頁面的內(nèi)容超出了這些限制，瀏覽器通常會(huì)顯示滾動(dòng)條，允許用戶查看更多的內(nèi)容，如果你想要限制頁面的***大寬度和高度，可以使用max-width和max-height屬性。

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

這將限制頁面的***大寬度和高度，但不會(huì)影響頁面的默認(rèn)大小。