ios safari 中iframe嵌套页面显示问题

在ios设备中,例如在iphone6中的safari的 打开一个html页面

页面的代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta id="viewport" name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">

    <title>测试二</title>
    <style>
        html,body,iframe{width: 100%;height: 100%;padding: 0;margin: 0}
        #wrap{width: 100%;height: 100%;}
        iframe{border: none;}

    </style>
</head>
<body>
<div id="wrap">
    <iframe src="http://m.china.com.cn/index.shtml"></iframe>
</div>
</body>
</html>

嵌套了一个iframe

最终的显示效果如下:

clipboard.png

但是如果直接使用safari打开http://m.china.com.cn/index.shtml的显示如下:

clipboard.png

这是什么原因造成的呢?

测试页面地址 http://api.hangdali.com/imagetest/viewport2.html

如果我把ifrme的地址换成http://www.baidu.com的话,

显示到是挺正常的

嵌套的iframe

clipboard.png

直接打开的

clipboard.png

阅读 25.4k
3 个回答
新手上路,请多包涵

safari支持http的访问,safari中的iframe不支持http的加载,只支持https,如果是用Nginx转发的地址,转发前的地址和转发后的原地址都要是https。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题