1
**CSS**

.testSVG { background: gray; width: 50%; }
.testSVG img { margin: 10px; max-width: 100%; }

**HTML:** 

<div class="testSVG">
    <img src="http://www.html5rocks.com/static/demos/svgmobile_fundamentals/images/HTML5-  logo.svg" alt="html5">
</div>

SVG 缩放示例

在 Firefox 中,父 div(在此示例中为 .testSVG)使用缩放的 .svg 图像进行水平和垂直缩放。

然而,在 IE9 中,父 div 水平缩放,而 .svg 仍然水平和垂直缩放。

我也喜欢在 IE 中复制 Firefox 中发生的事情。有没有人有任何见解?

谢谢,Z

4

1 回答 1

0

我有同样的问题,我在一个类似的问题中遵循了答案:

在 ie9 中不遵守 img 元素比例中的 SVG

基本上我从 svg 标签中删除了高度和宽度属性。

删除这些标签也恰好解决了 Safari 中引入额外间距的问题。

于 2013-04-03T01:09:24.863 回答