我正在使用JS构建内联SVG。 SVG的比例（又称比率）是动态的：在任何时候它都可以从JS更改。
我想让SVG做出回应。我就是这样做的<img>：
img {
width: 100%;
height: auto;
}
但这不适用于<svg>。小提琴：http://jsbin.com/vobaq/1/edit?html,css,output
目标是缩放内联SVG元素以水平放置容器，而不会扭曲它的比例。 CSS不应该知道当前的SVG比例。
答案 0 :(得分：0)
解决方案是使用viewbox属性而不是width和height。那你甚至不需要CSS width: 100%; height: auto;！