現(xiàn)在越來越多的人使用移動(dòng)設(shè)備進(jìn)行網(wǎng)上瀏覽，為了讓網(wǎng)頁在不同設(shè)備上顯示效果一致，HTML屏幕自適應(yīng)就變得尤為重要。本文將介紹如何在網(wǎng)頁中設(shè)置HTML屏幕自適應(yīng)。
HTML屏幕自適應(yīng)可以通過設(shè)置視口（viewport）來實(shí)現(xiàn)，在<head>標(biāo)簽中加入以下代碼：
<meta name="viewport" content="width=device-width, initial-scale=1.0">
其中，width=device-width表示視口寬度等于設(shè)備屏幕寬度，initial-scale=1.0表示頁面初始縮放比例為1。
在設(shè)置完視口之后，我們可以用CSS媒體查詢來對不同屏幕尺寸應(yīng)用不同的樣式，以下是一個(gè)示例：
@media (max-width: 768px) {
body {
font-size: 14px;
}
}
@media (min-width: 768px) {
body {
font-size: 16px;
}
}這段CSS代碼表示當(dāng)屏幕寬度小于等于768px時(shí)，body的字體大小為14px，否則為16px。
通過以上設(shè)置，我們就可以讓網(wǎng)頁在不同設(shè)備上自適應(yīng)，并且能夠有良好的閱讀和瀏覽體驗(yàn)。