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无法根据父容器调整大小_Svg_Embed - Fatal编程技术网

SVG无法根据父容器调整大小

SVG无法根据父容器调整大小,svg,embed,Svg,Embed,嗨,伙计们,我在IE 11中遇到了一个问题。我有一个嵌入式svg,需要与它的元素交互。。。以下是示例,只需单击第5层: 在Chrome和Firefox中一切正常,但在IE中却太少了?这是什么造成的?对于那些在ie中千方百计调整svg大小的人来说,内联svg存在一个问题。当你试图调整它的100%宽度时,它在主流浏览器中运行良好,但IE拒绝调整它的大小。 我已经设法使它与一个css黑客在这里工作 内容: #svg { display: inline-block; padding-bottom: 7

嗨,伙计们,我在IE 11中遇到了一个问题。我有一个嵌入式svg,需要与它的元素交互。。。以下是示例,只需单击第5层:


在Chrome和Firefox中一切正常,但在IE中却太少了?这是什么造成的?

对于那些在ie中千方百计调整svg大小的人来说,内联svg存在一个问题。当你试图调整它的100%宽度时,它在主流浏览器中运行良好,但IE拒绝调整它的大小。 我已经设法使它与一个css黑客在这里工作

内容:

#svg {
display: inline-block;
padding-bottom: 70%;
position: relative;
vertical-align: middle;
width: 100%;
}


#svg svg {
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
同时删除svg的宽度和高度


有了这个,我就成功了。:)

我试过了,在IE11中效果很好。它看起来和Chrome一样。我刚刚成功了,并将发布答案。这是一个css黑客。