针对应用iframe下方空隙

问题：

代码：

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

解决方法：

在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>

html

相关