gpt4 book ai didi

键盘显示后的iOS分屏宽度

转载 作者:塔克拉玛干 更新时间:2023-11-02 20:27:48 25 4
gpt4 key购买 nike

我刚刚开始研究我的 Cordova 应用程序对分屏多任务处理的支持。到目前为止,该应用程序在模拟器中的 iPad 上显示和调整大小都很好,但是当我单击编辑字段并显示软件键盘时,100% 宽度的值开始返回整个屏幕,而不是它被提供的窗口。

Initial display (app on right)

初始显示 -- 到目前为止,还不错...

Keyboard displayed, width is now wrong

没有。该应用程序现在显示在其窗口之外。

页面 HTML:

<html>
...
<body>
<div class="page">
...
</div>
</body>
</html>

CSS:

.page {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}

编辑:视口(viewport)元

<meta name="viewport" content="initial-scale=1, user-scalable=no, minimum-scale=1, maximum-scale=1, viewport-fit=cover">

在键盘显示之前,我为 page 类 div 计算了 551px 的宽度。键盘显示后,我计算出的宽度为 1112 像素。知道为什么显示键盘会导致宽度返回不正确的值——或者我可以做些什么来获得正确的应用程序宽度?我还应该提到,我正在使用 cordova-plugin-keyboard 来实现某些键盘功能。

最佳答案

看起来这个问题是由键盘插件引起的。 shr​​inkView 逻辑通过直接调整影响页面宽度的 WebView 框架的大小来工作。在这种情况下,它计算键盘和整个屏幕的交集,而不仅仅是应用程序的窗口。

我能够重现类似的行为并拉入 a patch这似乎解决了它。 (感谢 Jin Lei)我想在发布版本之前做一些更多的测试,但您可以直接从 GitHub 安装更新的插件或在本地手动应用补丁。

cordova插件添加https://github.com/cjpearson/cordova-plugin-keyboard

关于键盘显示后的iOS分屏宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56501953/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com