CSS是前端開發(fā)中常用的樣式表語(yǔ)言，它可以控制頁(yè)面的樣式和布局。而縮小頁(yè)面大小則是CSS中一個(gè)很重要的應(yīng)用，有助于在手機(jī)等小屏幕上更好的展示頁(yè)面內(nèi)容。

/* 示例代碼 */
@media screen and (max-width: 768px) {
body {
font-size: 16px;
}
.container {
width: 90%;
margin: 0 auto;
}
}

從示例代碼中可以看到，該代碼是使用@media查詢語(yǔ)句實(shí)現(xiàn)的。其中，max-width為窗口大小的最大值，也就是在小于768px的設(shè)備上應(yīng)用該樣式。而在應(yīng)用的樣式中，我們可以根據(jù)需要改變字體大小、容器寬度等等，以適應(yīng)小屏幕的需要。

注意，在縮小頁(yè)面大小時(shí)，還要注意字體的大小和行距的設(shè)置。過小的字體和行距會(huì)影響內(nèi)容的可讀性，需要避免。此外，也可以利用圖片和多媒體元素來適配不同大小的設(shè)備，提高用戶體驗(yàn)。