我刚刚开始研究 Cordova 应用程序对分屏多任务处理的支持。到目前为止,该应用程序在模拟器中的 iPad 上显示和调整大小都很好,但是当我单击编辑字段并显示软件键盘时,100% 宽度的值开始返回整个屏幕,而不是给出的窗口。
初始显示——到目前为止,一切都很好......
没有。该应用程序现在显示在其窗口之外。
页面 HTML:
<html>
...
<body>
<div class="page">
...
</div>
</body>
</html>
CSS:
.page {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
编辑:视口元
<meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1, viewport-fit=cover">
在键盘显示之前,我计算出的宽度为 551pxpage
班级分区键盘显示后,我计算出的宽度为 1112px。知道为什么显示键盘会导致宽度返回不正确的值吗?或者我可以采取什么措施来获得正确的应用程序宽度?我还应该提到我正在使用cordova-plugin-keyboard
用于某些键盘功能。
看起来这个问题来自键盘插件。这shrinkView
逻辑通过直接调整影响页面宽度的 WebView 框架大小来工作。在本例中,它计算键盘与整个屏幕的交集,而不仅仅是应用程序窗口的交集。
我能够重现类似的行为并拉进来a patch https://github.com/cjpearson/cordova-plugin-keyboard/pull/72这似乎可以解决它。 (谢谢Jin Lei https://github.com/jinleime)我想在发布版本之前进行更多测试,但您可以直接从 GitHub 安装更新的插件或在本地手动应用补丁。
cordova plugin add https://github.com/cjpearson/cordova-plugin-keyboard
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)