SVG with width:auto 不影响 IE11 中包含锚标记的宽度答案

【问题标题】：SVG with width:auto does not affect width of containing anchor tag in IE11SVG with width:auto 不影响 IE11 中包含锚标记的宽度
【发布时间】：2019-02-16 04:33:48
【问题描述】：

我有一些用锚标签包裹的 SVG 图像。我希望图像的高度为 25px，宽度为auto。这在现代浏览器中运行良好，但在 IE 中，锚标记的宽度似乎没有调整到图像的宽度。有谁知道我该如何解决这个问题？

编辑：即使将锚标记更改为 div，此问题仍然存在。无论包含元素的类型如何，它似乎都会产生相同的结果。

编辑 2： 在 SVG 上指定宽度可以解决问题，但这不是一个可行的解决方案，因为 SVG 是动态拉入的，并且有数百个。寻找一种解决方案，允许我只指定高度并按比例调整宽度。

编辑 3：感谢@DipenShah，已确定此问题仅存在于旧版本的 IE11 中.....

a.logo {
  display:inline-block;
  padding:14px 10px 11px;
  border:1px solid #e5e5e5;
}
a.logo img {
  display:block;
  height:25px;
}

<a class="logo" href="#">
	<img src="https://svgur.com/i/8H0.svg" />
</a>
<a class="logo" href="#">
	<img src="https://svgur.com/i/8Ex.svg" />
</a>

这是我在 IE 中得到的结果：

【问题讨论】：

即使在 IE 11 上也能正常工作。顺便说一句，您使用的是哪个版本的 IE？
我不认为问题出在 IE 上，可能是您使用的其他 CSS 覆盖了 IE 中的默认格式。
如果它可以在 Chrome、Firefox 和 Safari 中运行，但不能在 IE 中运行，那么问题出在 IE 上怎么办？上面的截图是在 IE11 中截取的。我已经在 3 台不同的计算机上进行了测试，所有这些计算机都存在这个问题，所以我不确定它是如何为你工作的。我更新了屏幕截图以显示我正在使用的 IE 的确切版本。谢谢！
我使用的是 IE 11.345.17134.0，它运行良好。
哇。刚刚在我的个人电脑上测试了 11.345 并且它正在运行.... 必须喜欢 IE，适用于某些版本的 IE11，但不适用于其他版本。有人请杀死这个浏览器，让我们摆脱痛苦。好吧，谢谢你的更新，我想我得告诉我的客户我无能为力了。

标签： internet-explorer svg

【解决方案1】：

旧版本的 IE 可能存在问题。在 IE 11.345.17134.0 上运行良好。

【讨论】：