HTML5是一種廣泛使用的網頁開發語言，其支持許多新的特性和功能，其中包括背景自適應縮放。背景自適應縮放是一種非常實用的功能，它可以自動調整網頁背景圖像的大小，以適應不同屏幕尺寸的設備。在這篇文章中，我們將為您介紹一些基本的HTML5背景自適應縮放代碼。 在HTML5中，我們可以使用CSS（層疊樣式表）和媒體查詢來實現背景自適應縮放。下面是一個簡單的HTML5代碼，它可以自動調整網頁背景圖像的大小，以適應不同屏幕尺寸的設備。

body {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 768px) {
body {
background-size: contain;
}
}

在上面的代碼中，我們定義了一個body標簽，它包含一個背景圖像和兩個背景屬性：background-repeat和background-size。background-repeat屬性用于設置背景圖像是否重復，而background-size屬性用于設置背景圖像的大小。 background-size屬性的值可以是cover或contain。cover表示背景圖像將被拉伸以填充整個屏幕，并保持其縱橫比。contain表示背景圖像將被縮放，以適應屏幕的寬度或高度，但不會拉伸。 我們還使用了@media規則來調整背景圖像的大小。@media可以根據屏幕的尺寸和其他屬性來應用不同的樣式。在上面的代碼中，我們設置了一個@media規則，當屏幕寬度小于或等于768px時，背景圖像將被縮放以適應屏幕的寬度或高度，但不會拉伸。 總之，HTML5背景自適應縮放是一個非常實用的功能，可以幫助開發人員在不同屏幕尺寸的設備上提供更好的用戶體驗。我們希望這篇文章可以幫助您了解HTML5背景自適應縮放的基本代碼，并為您的網頁開發工作提供幫助。