在css中添加Viewbox值的任何其他方法

Question

我想添加Viewbox值以动态控制Google Geochart svg。这个svg不适合IE浏览器中的容器

不使用viewbox属性是否有任何方法可以控制svg以适应div容器

Answer 1

发布您的代码以澄清但潜在的问题。

如果svg上有宽度和/或高度属性，它将无法在Internet Explorer中正确缩放。删除宽度和高度，但保持定义视图框，它将更好地工作。

如果需要，您还可以使用CSS专门定位IE：

img[src*=".svg"] { width: 100%\9; }

@media screen and (min-width:0\0) {
    img[src*=".svg"] { width: 100%; }
}