gpt4 book ai didi

当网络应用程序打开一次时,Android 网络应用程序键盘不会调整 View 大小

转载 作者:太空狗 更新时间:2023-10-29 15:01:40 24 4
gpt4 key购买 nike

当键盘出现时,我在添加到 Android 设备主屏幕的 Web 应用程序中遇到了奇怪的行为。

我有一个网络应用:

<html>
<head>
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="mobile-web-app-capable" content="yes">
</head>
<body style="overflow-y: scroll">
<div id="red" style="height:200px;width:100%;background-color:red"></div>
<input type="text">
<script>
(function() {
var baseH = window.innerHeight;
window.addEventListener("resize", function() {
if (window.innerHeight<baseH) {
document.getElementById('red').innerHTML = 'KEYBOARD';
} else {
document.getElementById('red').innerHTML = 'NO KEYBOARD';
}
});
})();
</script>
</body>
</html>

如果我打开网络应用程序,单击输入字段,会出现键盘但不会触发调整大小事件。

如果我在我的 Android 设备上按最近的应用程序,然后单击当前的 Web 应用程序返回到它,然后单击输入字段键盘出现并触发调整大小事件。

如何在第一次打开网络应用时触发调整大小事件?

在 Android 4.4.x 上的 Nexus4、Nexus5 和 Nexus7 上测试

最佳答案

那是因为 height=device-height 已经在 viewport meta 标签中设置了。删除它应该可以解决问题。

关于当网络应用程序打开一次时,Android 网络应用程序键盘不会调整 View 大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25912375/

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