Drupal SVG站点徽标显示不正确

保存在我正在构建的自定义Drupal主题中现有logo.svg的顶部。该徽标不会显示在页面（Firefox）上，在Safari上会显示非常大的徽标

当“检查元素”时，我可以看到，如果我添加

width=”“

（并应用任何数字），那么徽标将出现在Firefox中，并在Safari中调整大小。 但是我不知道如何在Drupal主题文件中将

宽度

应用到

站点\u徽标

。我将在何处执行此操作，或者如何解决此问题

---

该站点位于Drupal8中。我尝试将品牌块移动到不同的部分（导航、侧边栏、内容等），但它并没有纠正不正确的宽度问题。

考虑到SVG图像的标记中并不总是有

高度

和

宽度

尺寸，添加没有设置维度的SVG文件可能会影响主题的样式

因此，在文本编辑器中打开SVG文件，并确保根据需要设置

宽度

、

高度

和/或

视图框

。或者尝试使用一些矢量图像编辑工具（如Adobe Illustrator或Sketch或Inkscape）对其进行编辑

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
  width="100" height="50"
  viewBox="0 0 200 100">

  <rect x="20" y="20" width="160" height="60"
    fill="limegreen" stroke="black" stroke-width="2px" />
</svg>

---

在illustrator中，必须取消选中SVG导出设置中的“响应”框。之后为FF 60工作。