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


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



< iframe src =”https://upload.wikimedia.org/wikipedia/commons/3/30/Vector-based_example.svg“style =”width:128px; height:128px; overflow:scroll “>< / iframe中> 代码>
&#的xD;