背景圖像不適合在屏幕寬度

Question

我已經設置了我的背景圖像（1280 x 853），並且不適合屏幕。

我該如何解決這個問題？

body { 
    background-image: url("/assets/pic.jpg"); 
} 

Answer 1

body { 
    background-image: url("/assets/pic.jpg"); 
    background-size: cover; 
    background-repeat: no-repeat; 
} 

Answer 2

您可以使用：

body { 
    background-image: url("/assets/pic.jpg"); 
    background-size: cover; 
} 

和可選設置background-repeat: no-repeat，以防止圖像的重複。

Here's a example.

Answer 3

除了背景大小：封面上，你可以使用背景位置屬性，將您的圖像，你希望它是，因爲有時後臺尺寸：蓋會切斷您想要看到的區域。在background-position屬性中使用百分比值可以讓您更好地調整這一點。