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

Question

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

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

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

知道为什么这个 SVG 不缩放以及如何让它缩放吗？

这是相关页面的实时示例：https ://dl.dropbox.com/u/270523/inlineSVG.html

Answer 1

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

很难准确判断您想要实现什么，但如果您声明width: 10%您会观察到 SVG 确实根据浏览器宽度进行缩放。