例如，视图框尺寸：
<svg stroke="#fff" class="wow world_map" viewBox="0 0 1700 2200" preserveAspectRatio="xMidYMid meet" stroke-width="2" version="1.1">
创建比以下小得多的渲染图像：
<svg stroke="#fff" class="wow world_map" viewBox="0 0 170 220" preserveAspectRatio="xMidYMid meet" stroke-width="2" version="1.1">
为什么会这样？整个<svg>位于<g>标记中，当我检查元素并将鼠标悬停在<g>上时，只需选择图片，但当我将鼠标悬停在<svg>上时，它会选择一个巨大的空视图框，它已被创建，似乎与实际图像的大小成反比。
我还应该注意到我在这个SVG上做CSS动画，所以我不确定是否会产生冲突。此外，SVG是内联HTML。
任何想法都将不胜感激。谢谢！