内联 SVG 不会随着视口的变化而缩放......？答案

【问题标题】：Inline SVG not scaling as viewport changes...?内联 SVG 不会随着视口的变化而缩放......？
【发布时间】：2013-01-31 19:55:14
【问题描述】：

我试图让我编写/绘制的 SVG 随着视口的变化而按比例缩放，这就是我选择 sVG 作为图像格式的原因。

但是，它似乎根本没有缩放。

我做了我的研究告诉我的所有事情，为 SVG 元素添加了宽度、高度和一些属性，并添加了一个 div container-parent；然后在 CSS 中添加 max-height / width 和 height / width : 100% 。

知道为什么这个 SVG 不能缩放吗？我怎样才能让它缩放？

【问题讨论】：

标签： html svg

【解决方案1】：

#bookmark 上的 CSS 状态：width: 100%; max-width: 106px; 这意味着除非窗口宽度小于 106 像素（大多数/所有浏览器都不允许），否则 svg 将永远不会缩放。

很难准确辨别您想要实现的目标，但如果您声明 width: 10%，您会发现 SVG 确实是根据浏览器宽度缩放的。

【讨论】：