在CSS中缩放SVG

在我的样式表中，我有下面一行代码，称之为我的网站徽标

.navbar__logo::before{
    content: url("../images/logo/logo.svg");}

我怎样才能缩小规模？我正在学习一些关于viewPort&viewBox的知识，但似乎无法使其正常工作

---

提前感谢。

在您的

svg

文件中声明

viewBox

后，您应该明确地给出您的

伪元素

显式

宽度

和

高度

：

.navbar__logo::before {
  content: url("../images/logo/logo.svg");
  width: 200px;
  height: 50px;
}

除此之外，如果您希望动态调整

伪元素的大小和/或设置缩放动画，可以使用
transform:scale（）
：

寻求代码帮助的问题必须包括在问题本身中重现代码所需的最短代码，最好是以最短的代码。请参见快捷方式css
zoom:0.8
.navbar__logo::before {
  content: url("../images/logo/logo.svg");
  width: 200px;
  height: 50px;
  transform: scale(0.5);
}