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 回答