Javascript 如何使SVG具有响应性？

我得到了一个SVG，我必须将它添加到一个网页中，其中一些文本是用“Poppins”（谷歌）字体编写的。我假设SVG只有关于绘制哪个像素和哪个颜色的代码。当我使用

标记添加SVG时，它没有正确呈现

然后我读了一些关于它的内容，了解到我需要在SVG中添加字体，并使用

标记来正确呈现它

我这样做了，现在它的渲染正确，但我无法使它像一个

标签一样响应。我不知道在哪里换钱

SVG：

.container{
边框：5px纯黑；
宽度：50%；
背景：#fff；
}

---

您需要将SVG源代码中的

width

和

height

替换为

viewBox=“0 1704 586”

。

您需要将SVG源代码中的

width

和

height

替换为

viewBox=“0 1704 586”

=“0 0 1704 586替换

width=“1704”height=“586”

width

viewBox=“0 0 0 1704 586