CSS是一種設計網頁樣式和布局的語言，在網頁設計中起著至關重要的作用。其中，按比例縮放頁面是CSS中重要的一環。

通過設置viewport，我們可以實現按比例縮放頁面。Viewport是指網頁內容顯示的區域，包括瀏覽器窗口和網頁的寬度和高度。在移動端瀏覽器中，常用的設置Viewport的代碼如下：

<meta name="viewport" content="width=device-width, initial-scale=1">

上面這行meta標簽表示，將viewport的寬度設置為設備的寬度，并按1:1的比例縮放網頁。如果要改變縮放比例，可以修改initial-scale的值。例如：

<meta name="viewport" content="width=device-width, initial-scale=0.8">

上面這行代碼將viewport的寬度設置為設備的寬度，并按0.8的比例縮放網頁，即縮小頁面。

除了設置Viewport，我們還可以使用CSS3的縮放屬性transform:scale()實現按比例縮放頁面。例如：

.box {
transform: scale(0.8);
}

上面這段代碼將.box元素縮小80%。

綜上所述，按比例縮放頁面對于移動端網頁設計至關重要，讓頁面布局更加靈活和舒適。