CSS是網頁設計中非常重要的一部分，它可以控制網頁中的各個元素的樣式。其中，控制網頁整體大小也是CSS的重要功能之一。在這里，我們來學習一下如何使用CSS來控制網頁整體的大小。 首先，我們需要了解一些CSS中常用的單位。常見的單位有像素（px）、百分比（%）、em等。像素是一個絕對單位，它表示長度或寬度的值是多少個像素。而百分比是一個相對單位，它表示長度或寬度相對于其父元素的大小是多少百分比。最后，em也是一個相對單位，它表示當前元素的字體大小是多少個em。 接下來，我們可以通過設置body元素的寬度和高度來控制網頁的大小。代碼如下：

這里，我們設置了網頁的寬度為整個瀏覽器寬度的80%，高度為整個瀏覽器高度。這樣，當我們調整瀏覽器窗口大小的時候，網頁的大小也會跟隨著改變。 除此之外，我們還可以使用CSS的媒體查詢來設置不同設備下的網頁大小。例如，我們可以設置在手機屏幕下網頁的寬度為100%。代碼如下：

@media screen and (max-width: 767px) {
body {
width: 100%;
}
}

這里，我們使用了@media查詢，max-width是指針對屏幕寬度小于767px的設備。當設備寬度小于此值時，我們就設置網頁的寬度為100%。 在實際開發中，控制網頁整體大小是一個非常實用的技巧。通過使用CSS的單位和媒體查詢，我們可以輕松地設置不同設備下網頁的大小，并且可以讓網頁在不同設備上都能有良好的展示效果。