Css 如何使我的背景图像适合整个屏幕

CSS:

---

我希望图像不要重复多次，而是跨越整个屏幕。我不想使用普通图像我想使用

背景图像

您可以使用

背景大小

：

或

---

尽量使用

背景尺寸：封面如本文所述：

它将使图像拉伸以填充可用空间，并根据其容器的大小进行缩放

让我知道它是如何运行的：）
您可以使用以下方法使其适合：

body {
  background-size: cover;
}

所以它不重复：
背景重复：不重复

使用
背景重复：无
和
背景大小：封面
使用背景重复：无重复；尝试使用
background repeat:no repeat
并查看整个屏幕的单位
vh
。这对我来说很有效：background:url（image.jpeg）；背景重复：无重复；背景大小：100%；这是可行的，但一开始我忘了加分号。这有帮助！
body {
  background-size: 100% 100% ;
}

body {
  background-size: cover;
}

background-size:cover; Resize the background image to cover the entire container, even if it has to stretch the image or cut a little bit off one of the edges

background-size:contain; Resize the background image to make sure the image is fully visible