为什么 IE9 的 `` 元素中 SVG 图像比例会倾斜？

IE9 在 中倾斜 SVG 图像比例元素

当使用 CSS 设置 内 SVG 图像的最大高度时元素，预计图像将按比例缩放到该高度。但是，在 IE9 中，某些 SVG 图像可能会出现比例扭曲。

具体来说，问题是由多边形而不是路径组成的 SVG 出现的。受影响图像的一个示例是来自 Radiant Interactive 的“crocs”SVG：http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg

为了解决跨浏览器的这种不一致问题，建议始终为 SVG 图像定义一个 viewBox，同时省略

为了演示不同 SVG 属性的影响，我们创建了一个测试页面：

[测试页面链接]

通过比较结果在不同的浏览器中，人们可以观察到基于 SVG 属性和 CSS 尺寸组合的图像处理的显着变化。

以上是为什么 IE9 的 `` 元素中 SVG 图像比例会倾斜？的详细内容。更多信息请关注PHP中文网其他相关文章！