如何拉伸或縮放 CSS 背景以適合其容器？

拉伸和縮放CSS 背景

問題：如何使CSS 背景拉伸或縮放以適合其大小容器？

答案：

要實現此目的，您可以利用 CSS3 中的 background-size 屬性。

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

自 2012 年以來大多數現代瀏覽器都支援此屬性，使您能夠控制背景的寬度和高度。將寬度設為 100%，可以確保背景跨越整個容器的寬度。高度的自動設定將自動調整以保持背景的縱橫比。

以上是如何拉伸或縮放 CSS 背景以適合其容器？的詳細內容。更多資訊請關注PHP中文網其他相關文章！