【发布时间】:2014-10-09 14:42:05
【问题描述】:
我有一个设置在画布元素的数据属性中的 SVG。它的高度和宽度应该取决于它的容器,以便它可以响应。除了在 Firefox 中,它在任何地方都可以正常工作。发生的情况是,当页面第一次加载时,SVG 以比容器小得多的原始大小显示。但是,当我调整窗口大小时,SVG 会放大以填满容器。
页面在这里http://bit.ly/VPTJIX,SVG是左边的透明心
这是来自 svg 标签的代码。
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMinYMin meet" viewBox="0 0 208 178" width="208" height="178">
我可以调整矢量本身的大小并重新保存 SVG 文件,以便在页面加载时它是正确的大小,但我计划在站点导航中使用相同的 SVG,它需要比它已经小得多是。
【问题讨论】:
-
这是一个已知的错误,外部样式表无法调整大小。 bugzilla.mozilla.org/show_bug.cgi?id=755187
-
呃,应该认为这与此有关。谢谢!