移動鍵盤覆蓋輸入字段

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？我曾經遇到同樣的問題，這就是原因，移動瀏覽器並不總是知道如何處理它。