background-size:100% 100%把背景圖進行橫向和縱向的拉伸，圖片比例隨之改變，可能導致圖像失真

background-size: cover把背景圖擴展至足夠大，直至完全覆蓋背景區域，圖片比例保持不變且不會失真，但某些部分被切割無法顯示完整背景圖像

一般和如下語法連用

background-image: url(../images/1.png); background-position-x: center; background-position-y: center; background-size: cover; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-attachment: fixed;

或者這樣

background: url("../images/1.png") no-repeat center fixed;

總結

以上是生活随笔為你收集整理的CSS之Background-size:cover的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。