Html 如何使svg中的线条位置具有响应性 我有一个文本和图像并排，中间有一个小边距。我想画一个箭头指向图像上的特定点

因此，我尝试使用svg

svg

但是，行的位置在某种程度上没有响应。在阅读了这里的几个问题（如）和博客文章（如）后，我将所有值更改为

%

，并添加了

viewBox

属性，但由于某些原因，箭头仅在当前浏览器屏幕1920x1200的正确位置。如果调整浏览器窗口的大小，则箭头的位置不正确。我的代码：

html:

这是一个

有人知道为什么这不起作用吗

---

svg在这里是正确的尝试还是应该使用其他解决方案？

我找到了一个解决方案，不确定这是否是一个好的解决方案，请纠正我

首先，我删除了

viewBox

属性。然后我给了图像一个相对的宽度和高度，使图像也有了响应：auto。最后，我还通过以下方式使css中的字体大小响应：

body{
 font-size: 12pt;
}
a{
 font-size: 1.5vh; 
}

---

在调整浏览器大小时工作。给你。如果我错了，请纠正我

我找到了一个解决方案，不确定这是否是一个好的解决方案，请纠正我

首先，我删除了

viewBox

属性。然后我给了图像一个相对的宽度和高度，使图像也有了响应：auto。最后，我还通过以下方式使css中的字体大小响应：

body{
 font-size: 12pt;
}
a{
 font-size: 1.5vh; 
}

在调整浏览器大小时工作。给你。如果我错了，请纠正我

这是鼻子

这是鼻子

你能解释一下否决票吗？你能解释一下否决票吗？这意味着只有当我在SVG中“绘制”所有内容时，它才起作用？没有别的办法了？我想这是最简单的办法。在adobe illustrator中绘制所有内容，然后导出为

SVG

文件。我使用此工作流制作了一些SVG项目，即多边形风格的城市景观：。我的SVG工作流：这意味着它只在我“绘制”SVG中的所有内容时工作？没有别的办法了？我想这是最简单的办法。在adobe illustrator中绘制所有内容，然后导出为

SVG

文件。我使用此工作流制作了一些SVG项目，即多边形风格的城市景观：。我的SVG工作流：

body{
 font-size: 12pt;
}
a{
 font-size: 1.5vh; 
}