针对应用iframe下方空隙

问题:

代码:

<body>
        <iframe src="main.html" id="indexMain"></iframe>
    </body>

<script>
  //此处是给全屏设置

var oW = document.documentElement.clientWidth || document.body.clientWidth;
var oH = document.documentElement.clientHeight || document.body.clientHeight;
document.getElementById("indexMain").width = oW;
document.getElementById("indexMain").height = oH;


</script>

 

解决方法:

在body上添加【topmargin='0' leftmargin='0'

<
body topmargin='0' leftmargin='0'> <iframe src="main.html" id="indexMain"></iframe> </body>

 

然,,,,,,,,,问题解决的是一半

因为在移动端的input弹出键盘的时候,下方的空隙又会重复出现

 

所以可以在iframe上添加一个 style="vertical-align:bottom;" 

 

 

故:总结代码为:

<body topmargin='0' leftmargin='0'>
        <iframe src="main.html" id="indexMain" style="vertical-align:bottom;"></iframe>
    </body>

 

posted @ 2017-10-30 14:51  苏尘尘  阅读(361)  评论(0编辑  收藏  举报