Safari中的可滚动<iframe>

时间:2015-09-07 14:23:31

标签: html css iframe svg

我有一个带有图像查看框的页面,它必须显示动态加载Ajax的SVG图像。任何图像都可以有一些链接到其他SVG(它就像一个交互式地图),应该加载到同一个视图框中。它也应该有固定的屏幕尺寸并且可以滚动,所以我使用一个简单的&lt; iframe width = ... height = ...&gt; ,其中 overflow:scroll as一个容器。这在Chrome中可以正常使用; hovewer,在桌面Safari中有一种奇怪的行为,无论我尝试过哪种布局属性,图像都会自动调整为框架边框。这是一个错误,还是需要一些特定的参数?

&#xA;&#xA;

更新

&#xA;&#xA;

添加了一个演示。图片保持原始大小,可以在Chrome中滚动,但在Safari中调整大小。 Chrome使用滚动条显示另一个奇怪的错误(移动时不会重绘它们),但这是无关的。

&#xA;&#xA;

&#xD;&#xA;
&#xD;&#xA;
 &lt; iframe src =”https://upload.wikimedia.org/wikipedia/commons/3/30/Vector-based_example.svg“style =”width:128px; height:128px; overflow:scroll “&GT;&LT; / iframe中&GT;  
&#的xD;&#XA;
&#的xD;&#XA;
&#的xD;&#XA;

&#XA;

0 个答案:

没有答案