html - 背景图像不适合屏幕宽度

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 以防止图像重复。

Here's a example.