在全屏和使用移动键盘时更新屏幕尺寸

时间:2016-12-28 13:11:12

标签: javascript android css keyboard

那真是一口气!我正在测试有关网络应用的一些内容,因此我的测试页面使用webkitRequestFullscreen

全屏显示

然后我决定测试<input type="text" />将如何影响全屏幕。当然键盘出现得很好,但页面的内容隐藏在它后面......包括用户输入的输入字段。打字盲目并不好玩。

我试图在键盘占用一些空间后弄清楚屏幕大小,这样我就可以调整页面,使字段变得可见。但是,screen.heightwindow.innerWidth等属性都会显示全屏值(360x640),无论键盘是否存在。

有没有其他方法可以获得屏幕尺寸,同时全屏,并考虑虚拟键盘的存在?

以下是一个演示,请在移动设备上试用Chrome:link

0 个答案:

没有答案