html5 - 移動端UC瀏覽器兼容問題

問題描述

UC瀏覽器上input獲取焦點，系統鍵盤回去以后頁面高度少了一部分，少的這部分高度大概是系統鍵盤的高度，旋轉鍵盤可以恢復。請問是什么問題

問題解答

這是“輸入法”引起的問題！

其實這個問題比較常見，沒有啥徹底的 解決方案。因為單純js+html+css能力有限。

不過你可以嘗試幾個東西，就是在有輸入框的外層區域，設置transform:translate3d(0,0,0);

在支持3d加速的手機上，可能有一定的效果。

所以說，對于webapp是否有輸入要求，已經作為了我是否要開發這個webapp的一條標準。