好的,这里是:
这是我的网页:http: //ingenious.jit.su/themes
如果您在 Firefox 中查看它,您会注意到六个白色面板中每个面板的右上角都有一个红色小图标 (svg)。如果您查看该图像,您会注意到它的原始大小是 640 x 480。它很小,因为有一个 css 规则会更改引用 svg 的 img 标签的大小。
这是错误:IE9 没有根据 css 规则调整图标的大小。它只是剪掉它的左上角。如果您使用 IE9 开发人员工具调整 css 规则,您就会明白我的意思。
我挖掘了很多并确认我一直在遵循大多数 svg 最佳实践,比如包括不只是 100% 的宽度和高度值,包括视口等等,但没有运气。IE9 仍然通过裁剪而不是缩放来响应 css 规则。
任何帮助都会摇滚!
更新已修复!我很笨,我的视口不见了。凌晨 3 点不再编码。