放大firefox会破坏在iframe中加载的SVG

时间:2016-02-10 13:12:41

标签: firefox iframe svg

我有一个特定大小的div,其中包含一个iframe,大小为100%。此iframe加载的SVG文件没有设置高度和宽度,或者也是100%的大小。

放大IE或Chrome时,一切都很好。 放大Firefox时,似乎会发生以下情况:

根据缩放系数放大div。 iframe也按比例放大,因为它填充了100%大小的按比例放大的div。 iframe中的SVG似乎按比例放大以填充iframe,然后缩放因子也应用于它,以便它现在实际上大于iframe。

示例:https://jsfiddle.net/hz5ue94c/2/

<div class="wrapper">
<iframe class="frame" frameborder="0" src="https://dev.w3.org/SVG/tools/svgweb/samples/svg-files/410.svg">
</iframe>
</div>

有没有办法阻止Firefox放大SVG?

编辑:我不确定问题是iframe还是SVG。如果我在div中直接使用SVG,问题似乎不会发生,但我需要将文件加载到iframe中。

提前致谢!

0 个答案:

没有答案