jQuery Mobile的页脚或视口大小之后Android键盘显示错误 [英] jQuery mobile footer or viewport size wrong after android keyboard show

问题描述

我有以下问题与jQuery Mobile的Web应用程序。

I have the following problem with a jquery mobile webapp.

我有一个固定的页脚我的jQuery的应用程序，但Android键盘打开时（即在浏览器栏时，点击手动刷新页面），似乎视口只为顶部（下图浏览器栏）下降到键盘的上边缘。然后重新加载页面和视口的高度保持这个规模，所以它的方式太小，当键盘再次隐藏。 我怎么能强迫当键盘被再次隐藏调整大小？

I have a fixed footer for my jquery app, but when the android keyboard opens (i.e. when clicking in the browser bar and manually reloading the page), it seems that the viewport is only from top (below the browser bar) down to the upper edge of the keyboard. Then the page reloads and the height of the viewport keeps this size, so it is way too small when the keyboard hides again. How can I force a resize when the keyboard is hidden again?

非常感谢你的帮助。

推荐答案

尝试把这个元标记在你的头。它可能会解决你的问题：

Try putting this meta tag in your header. It might fix your problem:

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

这篇关于jQuery Mobile的页脚或视口大小之后Android键盘显示错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！