svg - IE10 裁剪 SVG 而不是调整大小

Question

我解决了 IE10 仅在使用 css 样式时才会调整图像大小的问题，现在 IE10 正在裁剪 SVG 而不是调整其大小。没有其他浏览器有这个问题。

我已经尝试了所有不同的组合，只声明高度或宽度，同时将另一个维度设置为自动而不设置它或同时设置两者。我也试过preserveAspectRatio="none"img 标签。

Answer 1

事实证明，IE 是唯一需要viewBox设置才能缩放 svg 的浏览器。我使用了一个名为 inkscape 的免费程序来创建我的 svg，它没有设置视图框。使用文本编辑器打开 svg 并将其添加到<svg...声明中：

viewBox="0 0 64 64"

而不是 64，输入右下角的 x 和 y 应该是原始 svg 的大小。不确定天气应该归咎于 IE10 还是inkscape ......

更新：您可以更新到 inkscape 0.91，并且会自动添加 viewbox 属性。