cordova中的iOS视口问题(视口重叠设备)

时间:2018-02-23 07:15:49

标签: javascript ios css cordova meteor

我在我最新的cordova应用程序上面临一个非常奇怪的问题,但无法找到任何解释。也许某人遇到了类似的问题,并知道是什么导致它......甚至可能知道如何解决它。

iOS用户使用上传表单上传图片然后关闭上传屏幕的模式后,视口对于屏幕来说似乎太大了。

该应用程序的Normall看起来像这样: This is how it should look...

但是当我上传图片(进入Imagelibrary选择,然后回到应用程序)时,会出现以下问题:  1.视口似乎太大(在固定页脚上特别可见)。  2.状态栏突然变得透明(这不是很重要,但仍然很奇怪)......

应用程序在错误后看起来如下: How it looks like with the error

另外我注意到,在用户从本机组件返回后(另一个应用程序使用QR码扫描程序,当扫描程序关闭时,同样的事情发生),这也发生在另一个应用程序上。看起来很熟悉,因为在这种情况下,图片选择也是本机组件...

到目前为止我尝试了什么:

  1. 我尝试查看viewport元标记并将其更改为正确的比例,但值永远不会改变...

  2. 我试图强制进行硬刷新(location.reload()),但重新加载时出现同样的错误......

  3. 我还尝试了navigator.app.loadUrl()window.location都没有改变任何内容

    此外,该问题仅在iPhone上显示。我在旧的iPad mini上测试过,没有任何问题,Android也像冠军一样......

  4. 视口设置如下: <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />

    上传是一个简单的文件上传输入:)

    **编辑** 发现,document.documentElement.clientHeight在上传后发生了变化,它从647变为687 ......为什么呢?我怎么能重置它?

    非常感谢任何帮助!

0 个答案:

没有答案