移动键盘覆盖输入字段

Question

我正在为手机上的网站开发一个表格 - 这是我的第一个，所以现在感觉我的方式。

我视一套，而这些没有什么特别之处CSS - 这里是它的代表为我开发：

.input-control { 
    padding:3.2rem 0 0.8rem 0; 
    position:relative; 
} 

.input-control input { 
    border-bottom:solid 0.1rem @divider; 
    color:@secondaryText; 
    font-size:1.6rem; 
    height:3.2rem; 
    line-height:2.4rem; 
    padding:0.4rem 0; 
    width:100%; 
} 

.input-control label { 
    color:@hint; 
    font-size:1.6rem; 
    line-height:2.4rem; 
    position:absolute; 
    left:0; 
    top:3.6rem; 
} 

的问题是，在移动设备上显示的键盘覆盖输入字段我我们的重点是如果它在页面上下降 - 当然这应该是brough的意见。

我一直在寻找网络，并有一些关于键盘的文章，但大多数是指应用程序，而不是网站。

我能做些什么吗？

Answer 1

您是否在任何祖先使用过position: fixed？我曾经遇到同样的问题，这就是原因，移动浏览器并不总是知道如何处理它。