背景图像不适合在屏幕宽度

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属性中使用百分比值可以让您更好地调整这一点。