我有一个Phonegap IOS应用,页眉和页脚在某些Iphone 10型号上均显示错误
如您所见,页眉和页脚不在顶部和底部
这是CCS代码
.footerapp
{
position: fixed;
z-index:1000;
left: 0;
bottom: 0;
width: 100%;
background-color: #FFF;
box-shadow: 0px -2px 1px #e6e7e7;
}
.headerapp {
position: fixed;
z-index:1000;
left: 0;
top: 0;
width: 100%;
background-color: #FFF;
box-shadow: 0px 2px 1px #e6e7e7;
}
HTML代码由(这不是全部代码,而是元素的分布)组成
<body>
<header id ="headerapp"></header>
<container>
<iframe src="https://somelink.html" width="100%" height="12700" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
</container>
<footer id="footerapp"></footer>
</body>
有办法解决这个问题吗?