Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
我的SVG赢了';在IE11中不能调整大小_Svg_Internet Explorer 11 - Fatal编程技术网

我的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之间保持相同的比例。你知道怎么做吗?我不太明白你的意思。不管怎样,这听起来像是一个不同的问题,可能有它自己的问题。试着问一个新问题,举例说明你的意思。