靠 CSS 可以非常方便地將頁面的比例縮小，這樣用戶就不需滾動頁面就能看到全部內容，另外也能更好地適應不同尺寸的設備屏幕。

實現方式如下：

html, body {
/* 縮小頁面比例 */
transform: scale(0.8);
/* 頁面內容保持在窗口中央 */
transform-origin: 0 0;
/* 避免模糊 */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

其中，

• transform: scale(0.8);縮小頁面比例為原頁面的 80%。
• transform-origin: 0 0;頁面內容保持在窗口的左上角。
• -webkit-font-smoothing: antialiased;和-moz-osx-font-smoothing: grayscale;避免頁面變得模糊。

需要注意的是，縮小頁面比例也會使頁面上所有元素的尺寸都相應地縮小，包括文字和圖片等。