Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/ios/119.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 阻止ios中的iframe自动调整大小_Html_Ios_Css_Iframe_Resize - Fatal编程技术网

Html 阻止ios中的iframe自动调整大小

Html 阻止ios中的iframe自动调整大小,html,ios,css,iframe,resize,Html,Ios,Css,Iframe,Resize,我已经找到了很多关于这个问题的线索,但是没有一个像我这样有类似问题的,但是我已经尝试过这些解决方案,但都失败了 我的情况:我正在尝试使用iframe将一个滚动网站合并到另一个网站中。这是完美的工作与正常设置在每台设备上除了iOS与以下基本代码: <iframe src="http://example.com/" frameborder="0"></iframe> <style> iframe{ position: absolute; width:

我已经找到了很多关于这个问题的线索,但是没有一个像我这样有类似问题的,但是我已经尝试过这些解决方案,但都失败了

我的情况:我正在尝试使用iframe将一个滚动网站合并到另一个网站中。这是完美的工作与正常设置在每台设备上除了iOS与以下基本代码:

<iframe src="http://example.com/" frameborder="0"></iframe>
<style>
iframe{
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   border:none;
}
</style>

iframe{
位置:绝对位置;
宽度:100%;
身高:100%;
排名:0;
左:0;
边界:无;
}
然而,在iOS上,他们显然是在强迫自己自动调整大小。因此,iframe会根据页面的长度自动调整大小

由于这种行为,只需使用一根手指,我就可以在页面上滚动,但当单击锚定链接(使用js进行动画滚动)时,失败了

我终于发现这是由iOS自动调整大小造成的。因为iframe中内容的高度是匹配的,所以iframe本身没有滚动条,但父级有滚动条。该站点的javascript不会控制父窗口,而只控制它自己的DOM(仅限于iframe,因为两个站点位于不同的域上)

我找到的所有关于iframe自动调整大小的“解决方案”,都是使用div来约束iframe的可见高度,并将滚动添加到该div或添加scrolling=“no”属性。第二个选项导致根本不存在滚动条,从而禁用iframe内部的正常滚动行为,但在有利的一面,锚链接可以工作

有什么解决方案可以同时允许这两种情况吗? 或者我只是坚持了这一点,我们真的可以认为这是iOS Safari中的一个bug吗?