如何设置使用css覆盖的背景图像

Question

我试图设置我的背景图像，它应该覆盖全宽度的屏幕.Currently，它只覆盖了部分的全宽度。我用了这个css

.curve-img-container {
  background-image: url("../src/bg-curvy-desktop.svg");
  background-size: cover;
  width: 100%;
  height: 200px;
}

它看起来像这样(参见全屏模式)代码沙箱链接

​

但应该是这样的

​

​

这是我的密码

https://codesandbox.io/s/affectionate-cartwright-pw2mq?file=/src/styles.css:157-174

Answer 1

我试过用火狐

.curve-img-container {
background-image: url("../src/bg-curvy-desktop.svg");
width: 100%;
height: 200px;
background-repeat: round;
}