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

【问题标题】：my SVG won't resize in IE11我的 SVG 不会在 IE11 中调整大小
【发布时间】：2014-11-14 19:38:32
【问题描述】：

这是我的示例：jsfiddle.net/ra1u5y23/8/
我不明白为什么我的 svg（前三张图片）无法在 IE11 中正确调整大小。最后三个 svgs (kiwi) 在 IE11 中运行良好。（未使用其他浏览器测试）我用inkscape调整了svg的大小。

谁能帮帮我？

【问题讨论】：

【解决方案1】：

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

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

您的文件现在应该像猕猴桃符号一样缩放。

【讨论】：

非常感谢，如果可以的话，我会支持您的回答。我现在的问题是我有不同大小的 svg。它们适合 div 容器。有些 svg 比其他 svg 更宽。我想在 svgs 之间保持相同的比例。你知道怎么做吗？
我不确定我是否完全理解您的意思。无论如何，这听起来像是一个不同的问题，应该有它自己的问题。尝试用你的意思的例子提出一个新问题。