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

【问题标题】：How to prevent SVG background image from scaling?如何防止 SVG 背景图像缩放？
【发布时间】：2020-09-08 18:59:37
【问题描述】：

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

这是课程：

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

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

【问题讨论】：

标签： css svg

【解决方案1】：

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

【讨论】：

【解决方案2】：

或者您可以将最大宽度设置为图像以防止。

【讨论】：