Javascript 手机上的Chrome屏幕键盘阻止页面底部的内容
在这里，我录制了关于这个问题的视频。 问题是当键盘在屏幕上时。无法访问键盘后面的内容。若有输入，那个么用户就看不到输入的内容 我只有chrome有这个问题，其他浏览器工作正常 我心目中的所有解决方案都包含javascript。但我不确定javascript是否能完美地处理这个问题。在开始之前我想问你一些知识。是否只有CSS或其他东西才有其他选项 示例中的代码Javascript 手机上的Chrome屏幕键盘阻止页面底部的内容,javascript,css,google-chrome,responsive,mobile-website,Javascript,Css,Google Chrome,Responsive,Mobile Website,在这里，我录制了关于这个问题的视频。 问题是当键盘在屏幕上时。无法访问键盘后面的内容。若有输入，那个么用户就看不到输入的内容 我只有chrome有这个问题，其他浏览器工作正常 我心目中的所有解决方案都包含javascript。但我不确定javascript是否能完美地处理这个问题。在开始之前我想问你一些知识。是否只有CSS或其他东西才有其他选项 示例中的代码 <!DOCTYPE html> <html> <head> <meta name="v
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=1" />
<title></title>
<style type="text/css">
#top {
background-color: lightgreen;
width: 100%;
height: 600px;
}
#bottom {
background-color: green;
height: auto;
padding: 20px;
margin-top: 10px;
}
#bottom > input {
display: block;
padding: 5px;
width: 100%;
}
</style>
</head>
<body>
<div id="top">Top</div>
<div id="bottom">
<input type="text" />
</div>
</body>
</html>
#顶{
背景颜色：浅绿色；
宽度：100%；
高度：600px；
}
#底部{
背景颜色：绿色；
高度：自动；
填充：20px；
边缘顶部：10px；
}
#底部>输入{
显示：块；
填充物：5px；
宽度：100%；
}
顶部
你得到答案了吗？ 这在以前是可行的，但现在android chrome出现在页面顶部，不再向上推。 我在使用webview，也许他们有一些选择 快速修复方法是在屏幕底部添加填充，可能是200-300px