在我正在构建的自定义Drupal主题中保存现有logo.svg的顶部。徽标未显示在页面上(Firefox),并且在Safari上显示非常大。
当"检查元素"我可以看到,如果我添加width=""
(并应用任意数字) - 那么徽标将出现在Firefox中,并在Safari中调整大小。
但我不知道如何将width
应用于Drupal主题文件中的site_logo
。我将在哪里做,或者我将如何解决这个问题。
该网站位于Drupal 8.我已经尝试将品牌块移动到不同的部分(导航,侧边栏,内容等),但它并没有纠正不正确的宽度问题。
答案 0 :(得分: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>