在iOS上显示的Phonegap错误标题

时间:2018-07-24 03:00:09

标签: ios css iphone phonegap

我有一个Phonegap IOS应用,页眉和页脚在某些Iphone 10型号上均显示错误

enter image description here

如您所见,页眉和页脚不在顶部和底部

这是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>

有办法解决这个问题吗?

0 个答案:

没有答案