Html 表格中的SVG在Internet Explorer中不可缩放

我试图在一张桌子上用一些图片来做一个或多或少反应灵敏的布局。所以我想我应该使用SVG，现在除了使用InternetExplorer之外，一切都很好：我在td元素中有一个内联SVG，如果SVG根据父元素重新调整大小就好了。无论我尝试什么，我都无法将其存档。 下面是一个简化的示例：

HTML

下面是一个小提琴的例子：

如果使用Firefox或Chrome打开该窗口并重新调整输出窗口的大小，两个tds将占用50%（在示例中为25px）的表空间。在internet explorer中，内联SVG根本不会重新调整大小

编辑：使用IE9和IE11进行测试

---

编辑：更正了fiddle link

好的，我今天了解到，如果您想根据表格的布局而不是相反的方式（根据表格的内容缩放表格布局），则表格布局是一个非常重要的属性。不幸的是，Internet Explorer和其他人对该财产有不同的理解

#F {
    width:50px;
    table-layout:fixed;
}

---

使用IE9和IE11进行渲染，您具体指的是什么？没有阅读该问题，只是发布了该问题以查看您的浏览器是否支持，因为您没有指定我扫描的IE版本。我在Firefox中看到的只是一个小小的红色竖条。在Chrome中，它可以工作。您是否尝试过以下建议：

.container {
    width:50%;
}
#bar-graph {
    height:100%;
    width:100%;
}
#F {
    width:50px;
}

#F {
    width:50px;
    table-layout:fixed;
}