我的SVG不会在IE11中调整大小

Question

以下是我的例子：jsfiddle.net/ra1u5y23/8/
我不明白为什么我的svg（前三张图片）不会在IE11中正确调整大小。 最后三个svgs（kiwi）在IE11中运行良好。 （未经其他浏览器测试） 我用inkscape重新调整了svg的大小。

有人可以帮我吗？

Answer 1

您的SVG需要具有viewBox属性。这告诉浏览器SVG内容的尺寸，以便它知道缩放多少。

默认情况下，Inkscape不添加viewBox。您可以自己手动添加一个viewBox，但最简单的解决方案可能只是将您的蓝图SVG加载回Inkscape并再次将其保存为＆＃34;优化的SVG＆＃34;。您将看到一个对话框，您需要选中＆＃34;启用视图框＆＃34;。

您的文件现在应该像奇异鸟符号那样缩放。