内联SVG不会缩放为视口更改...？

Question

我正在尝试获取一个我写入/绘制的SVG随着视口的变化而缩放，这就是我选择sVG作为图像格式的原因。

然而，它似乎根本没有缩放。

我完成了我的研究告诉我的所有内容，为SVG元素添加了宽度，高度和一些属性，并添加了div容器 - 父级;并且，然后在CSS中添加了最大高度/宽度和高度/宽度：100％。

知道为什么这个SVG没有缩放以及如何扩展它？

以下是相关网页的实际示例：https://dl.dropbox.com/u/270523/inlineSVG.html

Answer 1

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

很难准确辨别出你想要实现的目标，但如果你陈述width: 10%，你会发现SVG确实是根据浏览器宽度进行缩放。