针对应用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="margin-bottom:-5px;"
故:总结代码为:
<body topmargin='0' leftmargin='0'> <iframe src="main.html" id="indexMain" style="margin-bottom:-5px;"></iframe> </body>