【问题标题】:SVG is a scrollable object in SafariSVG 是 Safari 中的可滚动对象
【发布时间】:2012-01-25 16:16:09
【问题描述】:

这是我设计的带有 SVG 图形的页面。 http://s383324595.onlinehome.us/HTML5-1 它在 Chrome(以及 Canary 和 Chromium)中看起来和运行正常,但图形本身在 Safari 5.1 中是一个很小的正方形,需要滚动才能看到整个图像。怎么了? 此外,看起来图形在 Firefox 中的 X 轴偏移上。我该如何解决?

【问题讨论】:

    标签: firefox google-chrome safari cross-browser svg


    【解决方案1】:

    删除根 元素上的宽度和高度属性,然后调整嵌入元素的 CSS 以使其获得所需的宽度和高度。

    【讨论】:

    • viewBox 属性呢?这有关系吗?
    • 忽略上述评论。效果很好,非常感谢!
    【解决方案2】:

    Safari 不将浮点数理解为根 SVG 元素的宽度和高度。确保它们是整数(四舍五入)。

    【讨论】:

    • 我试过了,你的回答似乎不是真的。
    • @RobertLongson 您必须在此处编辑源代码并进行更改: 向上取整!今天为我工作:) 所以你必须做错事
    • 所以你可能对“视口”或宽x高画布有一些看法
    猜你喜欢
    • 2012-04-19
    • 2019-04-10
    • 1970-01-01
    • 2015-11-14
    • 2019-04-27
    • 2021-10-25
    • 1970-01-01
    • 1970-01-01
    • 2021-12-24
    相关资源
    最近更新 更多