时间戳

首页 > 解决方案 > Android（Chrome中的全屏网站）：软键盘未正确关闭，显示空白

android - Android（Chrome中的全屏网站）：软键盘未正确关闭，显示空白

问题描述

我制作了一个带有输入区域的全屏 html/php 网站。

以下是 html/php 文件的最小内容：

<!DOCTYPE html>
<html>
<head>
<style>
input{padding:0.4em; font-size:0.6em;}
</style>
</head>
<body style="background-image: url('bkg.jpg'); margin:100px; font-size:3em;">
<?php
print_r($_GET); 
?>
<form method='get'>
<input type='text' name='test'>
<input type='submit' value='Send !'>
</form>

</body>
</html>

Json文件内容：

{
  "short_name": "test",
  "name": "test",
  "start_url": "test.php",
  "display": "fullscreen",
  "orientation": "landscape"
}

在软键盘或输入按钮上单击“提交”时，键盘无法正常关闭，并且在页面重新加载时在屏幕上留出空白（参见图片，n°3）。

我必须触摸屏幕或重新加载网页以掩盖空白（图片 n°4）。

感谢帮助。

链接到图片

标签： androidkeyboardfullscreenmobile-website

解决方案

推荐阅读