CSS是一種用來控制網頁樣式的語言。整個頁面等比例縮放可以幫助頁面適應不同的屏幕尺寸，讓用戶體驗更佳。

/* 以下是實現整個頁面等比例縮放的CSS代碼 */
/* 設置根元素字體大小為100px */
html {
font-size: 100px;
}
/* 設置所有元素的字體大小為1rem，即100px */
* {
font-size: 1rem;
}
/* 根據屏幕寬度調整根元素字體大小 */
@media screen and (max-width: 768px) {
html {
font-size: 50px;
}
}
@media screen and (max-width: 480px) {
html {
font-size: 30px;
}
}
/* 設置圖片和媒體元素的最大寬度為100% */
img, video, audio {
max-width: 100%;
height: auto;
}

以上代碼將頁面的字體大小設置為100px，并將所有元素的字體大小設置為1rem，即100px。通過媒體查詢，在不同的屏幕寬度范圍內，調整根元素的字體大小。同時，將圖片和媒體元素的最大寬度設置為100%，以便在不同的屏幕尺寸下自適應縮放。

整個頁面等比例縮放可以適應不同的屏幕尺寸，提供更好的用戶體驗。如果你有更好的實現方法，歡迎分享。