4

好的，这里是：

这是我的网页：http: //ingenious.jit.su/themes

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

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

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

任何帮助都会摇滚！

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

4

1 回答 1

0

你链接了svg吗？例子

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

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

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

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

这是我在评论中谈论的两个点的一个更好的例子

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

于 2013-04-15T16:02:46.670 回答