我有一个特定大小的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中。
提前致谢!