首頁  >  文章  >  web前端  >  css背景超出寬度怎麼辦

css背景超出寬度怎麼辦

藏色散人
藏色散人原創
2021-01-25 09:26:354530瀏覽

css背景超出寬度是因為背景圖片過大,其解決方法:先開啟對應的css檔案;然後加入「background-size:100% 100%」或「background-size:contain」樣式,讓背景圖片寬度和高度完全適應內容區域即可。

css背景超出寬度怎麼辦

本教學操作環境:Windows7系統、HTML5&&CSS3版,DELL G3電腦。

建議:css影片教學

css背景圖片超出所設定容器的寬度是因為背景圖片過大。

元素的背景是元素的總大小,包括填充和邊界(但不包括邊距)。預設情況下,背景圖片放置在元素的左上角。

解決方法:

新增background-size: 100% 100%;或background-size:contain;樣式,讓背景圖片的寬度和高度完全適應內容區域。

div{
        background-image: url(images/1.jpg);
       background-size: 100% 100%;
       
}

以上是css背景超出寬度怎麼辦的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn