在網(wǎng)頁設(shè)計(jì)中，為了適應(yīng)不同瀏覽器和設(shè)備的屏幕大小，需要設(shè)置網(wǎng)頁自動(dòng)縮小。下面介紹如何通過CSS實(shí)現(xiàn)網(wǎng)頁自動(dòng)縮小。

body {
max-width: 800px; 
margin: 0 auto; 
font-size: 14px; 
}
@media (max-width: 768px) {
body {
font-size: 12px; 
}
}
@media (max-width: 480px) {
body {
font-size: 10px; 
}
}

上面的CSS代碼中，使用max-width屬性設(shè)置網(wǎng)頁寬度最大為800像素，使用margin屬性居中網(wǎng)頁。然后通過媒體查詢@media設(shè)置在屏幕寬度分別小于768px和小于480px時(shí)，將字體大小分別縮小為12px和10px。

根據(jù)實(shí)際需求，可以調(diào)整max-width、margin和font-size等屬性的值來適配不同網(wǎng)頁。