css - 如何防止 SVG 背景图像缩放？

Question

我有一个 SVG 背景图像，当我缩放浏览器窗口时它会随浏览器窗口一起缩放。如何防止 svg 背景缩放？

这是类:

.share-btn-bg {
  background: url("../assets/img/share-bg.svg");
}

如何添加 css 样式以防止图像背景按比例缩小？

Answer 1

向该 CSS 规则添加 background-size; 设置，例如 background-size:auto; 或 background-size: 100px 60px; 或任何你想要的。