CSS 背景图片 svg

Question

我正在尝试使用 svg 图像作为 CSS 中的背景图像。图像仅在较大的设备中重新缩放，在宽度和高度小于 svg 图像大小的设备中保持不变。

这是我的代码:

body {
  background-image: url(svgImg.svg);
  background-repeat: no-repeat;
  background-size: cover;
}

你能帮我在每个屏幕上重新调整图像尺寸吗？

Answer 1

这段代码让它做到了，它可以写在一行中，但我发布了每一个细节以便于解释。

body{
background-image: url(svgImg.svg) ;
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
background-color:#464646;
background-size: cover; }