我的SVG赢了';在IE11中不能调整大小
下面是我的示例:我的SVG赢了';在IE11中不能调整大小,svg,internet-explorer-11,Svg,Internet Explorer 11,下面是我的示例:jsfiddle.net/ra1u5y23/8/ 我不明白为什么我的svg(前三幅图像)在IE11中无法正确调整大小。 最后三个SVG(猕猴桃)在IE11中运行良好。(未使用其他浏览器测试) 我用inkscape调整了svg的大小 有人能帮我吗?您的SVG需要有一个viewBox属性。这会告诉浏览器SVG内容的尺寸,以便它知道要缩放多少 默认情况下,Inkscape不添加viewBox。您可以自己手动添加一个viewBox,但最简单的解决方案可能只是将blueprint SVG加
jsfiddle.net/ra1u5y23/8/
我不明白为什么我的svg(前三幅图像)在IE11中无法正确调整大小。 最后三个SVG(猕猴桃)在IE11中运行良好。(未使用其他浏览器测试) 我用inkscape调整了svg的大小
有人能帮我吗?您的SVG需要有一个
viewBox
属性。这会告诉浏览器SVG内容的尺寸,以便它知道要缩放多少
默认情况下,Inkscape不添加viewBox。您可以自己手动添加一个viewBox,但最简单的解决方案可能只是将blueprint SVG加载回Inkscape,并将其再次保存为“优化的SVG”。您将获得一个对话框,需要在其中选中“启用viewboxing”
您的文件现在应该像猕猴桃符号一样缩放。只是猜测一下:您的SVG缺少
视图框
。也许试着加上这个。非常感谢,如果可以的话,我会投票支持你的答案。我现在的问题是,我有不同大小的SVG。它们被装入一个div容器中。一些SVG比其他SVG宽。我希望SVG之间保持相同的比例。你知道怎么做吗?我不太明白你的意思。不管怎样,这听起来像是一个不同的问题,可能有它自己的问题。试着问一个新问题,举例说明你的意思。