-プロパティを使用してスケーリングする要素の背景画像として SVG を使用しようとしていますbackground-size。これは現在のほとんどのブラウザーでうまく機能しますが、Internet Explorer は値を誤って解釈しているようで、1 つの値のみを使用すると画像がはるかに小さいサイズで表示され、2 つの値では比率が正しくありません。
http://jsfiddle.net/c7DEw/1/に例を掲載しました
SVG の幅と高さは 100% に設定されています。プロパティと関係があると思いましたviewBoxがenable-background、これらは何の効果もないようです。
これは、Internet Explorer 9 と 10 の両方で発生します。
以前にこの動作に遭遇した人はいますか? もしそうなら、どのように修正しましたか？
別のプロジェクトでこの問題が再び発生しました。アセットを Illustrator デザインから新しいファイルに個別にコピーし、アートボードを変更してバウンディング ボックスと完全に一致させました。次に、CSS の background-property を介して SVG を含めたところ、IE10 と IE11 の両方で表示サイズが小さいことに気付きました。
その後、アセットを Illustrator で再度開き、Sketch にコピーして SVG にエクスポートすると、この動作はなくなりました。
Illustrator が不適切なサイズのアートボード (またはコンテナー) を作成しているようで、寸法がスローされます。しかし、私はこの質問を何度もグーグルで検索しましたが、この問題に遭遇した人は他にいないので、私が間違っている可能性があります. しかし、そのプロセスは単純すぎて、何が起こるか想像できません。