Html svg图像在表中不可缩放

我将一些svg图像放在一个表中。但当浏览器调整大小时，它会缩小。这是我的密码：

<div class="inner">
    <table>
        <tr>
            <td valign="middle"><a href="#"><svg.....</a></td>
            <td valign="middle"><a href="#"><svg.....</a></td>
            <td valign="middle"><a href="#"><svg.....</a></td>
        </tr>
        <tr>
    </table>
</div>

我的网页是完全响应。当我尝试缩小浏览器时，svg图像不知何故无法缩小到小尺寸。它可以在div中工作，也只能在chrome浏览器（带表）中工作

---

svg图像是一些.svg文件。我在img标记中使用了它们，并使用jquery函数将它们显示为svg资源。

不确定您是否已经这样做了，因为您没有包含svg元素定义，但您需要提供一个viewbox属性来指示要显示的svg区域

见和

---

例如，尝试删除以下小提琴中的viewbox属性，以查看没有viewbox的结果：

SVG文件中的“宽度”、“高度”和“viewbox”值是多少？如果它们是固定像素量（如“400px”）或物理量（如“2in”），则SVG将无法缩放

如果是这种情况，请将它们设置为“100%”或删除它们（这是等效的，因为它们默认为100%）

---

另外，您的CSS声明设置“svg{width:100%}”并没有达到您认为的效果。例如，它与

width=“100%”不同，它应该与外部svg元素的CSS声明相同，尽管svg规范中这样说，但它一点也不清楚。我认为不能用CSS覆盖SVG属性。几乎所有规则都有例外：-），外部SVG元素的宽度和高度是该规则的唯一例外。
.inner {
    width:100%;
    max-width:1400px
}
table {
    width:100%;
    max-width:1400px
}
a {
    display:block;
    width:100%
}
svg {
    width:100%
}