0

我正在用 JS 构建一个内联 SVG。SVG 的比例（又名比率）是动态的：随时可以从 JS 更改。

我想让 SVG 响应。这就是我将如何使用<img>：

img {
  width: 100%;
  height: auto;
}

但这对<svg>. 小提琴： http: //jsbin.com/vobaq/1/edit ?html,css,output

目标是缩放内联 SVG 元素以水平适应容器而不扭曲其比例。CSS 不应该知道当前的 SVG 比例。

4

1 回答 1

0

解决方案是使用viewbox属性而不是widthand height。那么你甚至不需要 CSS width: 100%; height: auto;！

演示： http: //jsbin.com/vobaq/4/edit ?html,css,output

于 2014-12-23T11:31:52.147 回答