针对应用iframe下方空隙

时间 2019-11-17

标签针对应用 iframe 下方空隙栏目 HTML 繁體版

原文原文链接

问题：html

代码：spa

<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;code


</script>

解决方法：htm

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


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

然，，，，，，，，，问题解决的是一半blog

由于在移动端的input弹出键盘的时候，下方的空隙又会重复出现ip

因此能够在iframe上添加一个 style="margin-bottom:-5px;" get

故：总结代码为：input

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