0

我正在尝试使用嵌入的 html-tag 将 svg 添加到我的“表格阅读器”中。它在 FF、Chrome 甚至 IE9 中都可以正常工作,但是当我在 Safari 中打开页面时,它没有缩放,而且我得到了滚动条。

这是我的测试环境:http ://www.nie-wieder.net/br/BookReaderDemo/noten.html#page/1/mode/1up 只需在 safari 中打开它(版本 5.1.7,也许只在 mac 上?!只是在这里有一个mac),你就会明白我的意思。

所以,我的问题是:有没有办法让演示中的 svg 文件在 Safari 中正确缩放?

我在这里搜索并没有发现这个特定问题,所以我希望你能帮助我:)

编辑:我不能使用 img 因为通过 img-tag 的 svg 不可编写脚本:(

4

1 回答 1

2

您覆盖了浏览器默认的 svg 标签 CSS 规则。从文件中的 svg 标记中删除width=""和或将 svg 嵌入为 img 而不是 embed 标记:height="".svg

<img type='image/svg+xml' src="file.svg" style="width: 100%; height: 100%;" />
于 2012-07-21T17:36:56.177 回答