SVG无法调整为父容器

Question

大家好我在IE 11中遇到问题。我有一个需要与其元素进行交互的嵌入式svg ...以下是点击5楼的示例：

http://infinityproperty.sitetester.biz/floorplans/59

在Chrome和Firefox中，IE浏览器的一切都很好吗？有什么可以做这件事？

Answer 1

对于尝试调整svg大小的所有人，即内联svg存在问题。当您尝试以100％宽度调整大小时，它在主流浏览器中工作正常，但IE拒绝调整大小。 我已经设法使用它来处理一个css hack。

Conteiner：

#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的宽度和高度。

有了这个，我得到了它的工作。 ：）