HTML設(shè)置縮小背景圖片涉及到CSS中的background-size屬性。background-size屬性使用長度、百分比或關(guān)鍵字等值進(jìn)行設(shè)置。這個(gè)屬性可以設(shè)置背景圖片的大小，讓圖片可以適應(yīng)不同的尺寸。

background-size: value;

當(dāng)value是長度或百分比時(shí)，背景圖片相對于元素的大小進(jìn)行縮放。百分比值表示相對于容器元素的百分比。

background-size: 50%;

當(dāng)value是關(guān)鍵字時(shí)，定義如下：

• auto: 圖片按原本大小展示
• contain: 圖片盡可能縮小，但保留原始比例，確保整個(gè)圖像都可以完整的展示在容器中
• cover: 圖片盡可能縮放，通過裁剪和填充容器來匹配容器的大小。所以此時(shí)圖片可能無法完整展示在容器中

background-size: contain;

需要注意的是，如果圖片的實(shí)際大小小于容器大小，那么設(shè)置背景圖片大小設(shè)置也沒有用，因?yàn)閳D片可以自適應(yīng)大小。