手机：OPPO Reno8 、Android 12
微信版本：8.0.28
代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="Cache-Control" content="no-siteapp" />
<meta name="keywords" content="这里写关键字">
<meta name="description" content="这里写页面描述">
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
<meta name="format-detection" content="telephone=no,email=no" />
<title>test</title>
<style>
body {
background: #eee;
}
.page {
padding: 20px;
}
.u-txt {
height: 36px;
line-height: 36px;
border: #ccc solid 1px;
padding-left: 10px;
width: 300px;
}
</style>
</head>
<body>
<div class="page">
<input type="text" class="u-txt" placeholder="输入框" />
</div>
</body>
</html>
给个复现页面看下
还是有这样的问题，我的页面有两个输入文本，点击输入呼出小键盘时就有很大机率小键盘的区域会变成空白（整个页面高度变小），我现在找到的办法是在点击“登录”按钮时，用focus()把焦点换到另一个输入框，这样整个页面就能恢复正常的高度了。
解决了吗？我也遇到这个问题
原来不止我一个有问题，我这边安卓机好多复现