HTML適配是指根據不同屏幕大小和設備類型，自適應地調整HTML網頁的排版和顯示效果，以消除不同設備之間的顯示差異。在移動互聯網時代，HTML適配變得尤為重要。下面是一段HTML適配代碼示例：

下面的代碼使用了媒體查詢，根據不同的設備寬度，設置了不同的字體大小：

@media screen and (max-width: 480px) {
body {
font-size: 14px;
}
}
@media screen and (min-width: 481px) and (max-width: 768px) {
body {
font-size: 16px;
}
}
@media screen and (min-width: 769px) {
body {
font-size: 20px;
}
}

上面的代碼定義了三個媒體查詢，分別針對小屏幕、中等屏幕和大屏幕設備。在小屏幕上，字體大小為14像素，在中等屏幕上，字體大小為16像素，在大屏幕上，字體大小為20像素。這樣能夠實現不同設備之間的字體適配。

除了字體大小適配，還可以對其他元素做適配，比如圖片適配：

img {
max-width: 100%;
height: auto;
}

上面的代碼中，將圖片的最大寬度設置為100%，保證圖片可以自適應寬度，同時將高度設置為自動，以保持圖片的寬高比例，以達到圖片適配的目的。

在HTML適配中，還可以使用viewport元標簽，設置移動設備的視口大小和縮放比例：

上面的代碼中，設置了視口寬度為設備寬度，初始縮放比例為1，最大縮放比例也為1，禁止用戶手動縮放，以保證網頁在移動設備上的顯示效果。

總之，HTML適配是移動互聯網開發的必備技能之一，只有掌握了適配技巧，才能讓網頁在不同設備上都能完美呈現，并提升用戶體驗。