在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
最终的显示效果如下:
但是如果直接使用safari打开http://m.china.com.cn/index.shtml的显示如下:
这是什么原因造成的呢?
测试页面地址 http://api.hangdali.com/imagetest/viewport2.html
如果我把ifrme的地址换成http://www.baidu.com的话,
显示到是挺正常的
嵌套的iframe
直接打开的
safari支持http的访问,safari中的iframe不支持http的加载,只支持https,如果是用Nginx转发的地址,转发前的地址和转发后的原地址都要是https。