SVG无法根据父容器调整大小
嗨,伙计们,我在IE 11中遇到了一个问题。我有一个嵌入式svg,需要与它的元素交互。。。以下是示例,只需单击第5层: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
在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黑客。