svg 不在 ie9 中使用 css 调整大小答案

【问题标题】：svg not resizing with css in ie9svg 不在 ie9 中使用 css 调整大小
【发布时间】：2013-04-07 19:50:35
【问题描述】：

好的，到此为止：

如果您在 Firefox 中查看它，您会注意到六个白色面板的右上角都有一个红色小图标 (svg)。如果您查看该图像，您会注意到它的原始尺寸是 640 x 480。它很小，因为有一个 css 规则会更改引用 svg 的 img 标签的大小。

这是错误：IE9 没有根据 css 规则调整图标大小。它只是剪掉它的左上角。如果您使用 IE9 开发人员工具调整 css 规则，您就会明白我的意思。

我挖掘了很多并确认我一直在遵循大多数 svg 最佳实践，例如包括不只是 100% 的宽度和高度值，包括视口等等，但没有运气。 IE9 仍然通过裁剪而不是缩放来响应 css 规则。

任何帮助都会动摇！

更新已修复！我很笨，我的视口不见了。凌晨 3 点不再编码。

【问题讨论】：

【解决方案1】：

你链接了svg吗？例子

<svg xmlns="http://www.w3.org/2000/svg" version="1.1"> enter svg here </svg>

我在使用 ie9 时遇到了很多 svg 问题：)

如果有帮助，我在查看页面时收到此错误

SCRIPT438：对象不支持属性或方法“addEventListener”
followbar.js，第 3 行字符 3

这是我在 cmets 中谈到的两个点的一个更好的例子

<img class="theme-icon" id="/recruitment-and-retention" src="../images/recruitment-and-retention.svg"/>

【讨论】：