为什么某些 SVG 图像在 IE9 中缩放不成比例？

解决 IE9 中 SVG 图像的缩放问题

即使缺少宽度，某些 SVG 图像也无法按比例缩放到 img 元素内指定的最大高度。据观察，这种不成比例的放大主要影响由多边形组成的 SVG，而不是那些使用路径创建的 SVG。

理解差异

不一致源于处理 viewBox 属性时缺乏标准化。 viewBox 明确定义了 SVG 内容的坐标和尺寸，从而可以正确缩放它。但是，浏览器对 viewBox 的解释不同。

在受影响的示例中，SVG 缺少 viewBox 属性。因此，IE9 会解释 SVG 元素（而不是图像元素）的宽度和高度属性来进行缩放，从而导致不成比例的放大。

解决问题

确保跨浏览器的一致缩放，确保为 SVG 图像指定 viewBox，同时省略 SVG 元素的宽度和高度属性。这种方法为浏览器提供了明确的指导，消除了导致 IE9 中不成比例缩放的不确定性。

以上是为什么某些 SVG 图像在 IE9 中缩放不成比例？的详细内容。更多信息请关注PHP中文网其他相关文章！