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 は水平方向と垂直方向の両方でスケーリングされます。

私は、Firefox で起こっていることを IE でも再現したいと思っていました。誰にも洞察力がありますか？

ありがとう、Z

4

1 に答える 1

0

私は同じ問題を抱えていたので、同様の質問の答えに従いました：

ie9で尊重されないimg要素の比率のSVG

基本的に、svg タグから高さと幅の属性を削除しました。

これらのタグを削除すると、余分なスペースが導入されていた Safari の問題も修正されました。

于 2013-04-03T01:09:24.863 に答える