Question

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

当＆＃34;检查元素＆＃34;我可以看到，如果我添加width=""（并应用任意数字） - 那么徽标将出现在Firefox中，并在Safari中调整大小。但我不知道如何将width应用于Drupal主题文件中的site_logo。我将在哪里做，或者我将如何解决这个问题。

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

Answer 1

考虑到SVG图片在其标记中并不总是具有height和width尺寸，并且添加未设置尺寸的SVG文件可能会影响主题的样式。

因此，请在文本编辑器中打开您的SVG文件，并确保根据您的需要设置width，height和/或viewBox。或者尝试使用某些矢量图像编辑工具（如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>

Drupal SVG站点徽标显示不正确

1 个答案: