CSS是一種主要用于設置網頁樣式的技術，可以控制布局、顏色、字體大小等方面。在網頁設計中，設置頁面大小是至關重要的一步。下面我們就來介紹一下如何用CSS設置頁面大小。
首先，我們需要在HTML文件的標簽中引入CSS文件，格式如下：
<head> <link rel="stylesheet" href="style.css"> </head>其中，"style.css"為您自己定義的CSS文件名，在此之后，我們就可以開始設置頁面大小了。 我們可以使用CSS中的width屬性和height屬性來設置頁面的寬高。例如，如果想要設置頁面的寬度為900像素，高度為600像素，代碼如下：
body {
width: 900px;
height: 600px;
}此時我們可以看到，整個頁面的寬度和高度都被限制在了900像素和600像素內。但是，這種方法并不是最優化的，因為它只適用于固定分辨率的屏幕。
為了使網頁適應不同大小的屏幕，我們可以使用CSS中的百分比或者vw和vh等單位來設置頁面大小，這樣可以保證網頁在不同設備上都能夠正常顯示。例如，如果想要設置頁面寬度占據整個屏幕的80%，代碼如下：body {
width: 80%;
}如果想要設置頁面寬高比為16:9, 代碼如下：body {
width: 100vw;
height: calc(100vw * 9 / 16);
}在以上代碼中，使用vw和vh單位可以確保頁面的寬高比例在不同的設備上都是一致的。
總的來說，在進行頁面設計時，我們需要根據不同的需求選取最合適的方式來設置頁面大小，這樣可以使頁面呈現出最優化的效果。