CSS是一種用于設置網頁樣式的語言。在網頁設計中，頁面寬度的等比縮小是一種常見的需求。本文將為大家介紹如何使用CSS實現頁面的寬度等比縮小。

.box {
width: 100%;
/*設置容器的寬度為100%*/
max-width: 1200px;
/*設置容器的最大寬度為1200px*/
margin: 0 auto;
/*設置容器居中*/
}
@media screen and (max-width: 768px) {
.box {
max-width: 768px;
/*當屏幕寬度小于768px時，設置容器的最大寬度為768px*/
}
}

以上代碼中，首先通過設置容器的寬度為100%和最大寬度為1200px來實現頁面的等比縮小。當屏幕寬度小于768px時，我們采用CSS媒體查詢來設置容器的最大寬度為768px，以適應移動端設備的屏幕大小。

當我們在設計響應式網頁時，頁面的寬度等比縮小是非常重要的，它可以保證網頁在各種設備上具有更好的顯示效果。