背景图片 css 未正确缩小

Question

我试图在 body 组件中放置一个图像作为我的项目的背景，但是当我减小屏幕宽度时，图像不会正确溢出。这就是我现在拥有的：

css 是：

body {
  background-image: url("https://phoenix-engineering.be/wp-content/uploads/2019/07/shutterstock_1113165392.png");
  background-size: cover;
  overflow: hidden;
  background-position: unset;
  background-repeat: no-repeat;

  text-align: center;
  font-family: "Roboto", sans-serif;
  font-family: "Poppins", sans-serif;
  margin: 0;
  padding: 0;

  min-width: 350px;
}

当我调整屏幕大小时，结果如下：

有办法解决这个问题吗？

Answer 1

使用min-height:100vh

body {
  //prev_styles

  min-height:100vh; <-
}

背景图片 css 未正确缩小

Background image css not scaling down properly

html

css