之前我們在使用vue進行 h6 表單錄入的過程中，遇到了Android軟鍵盤彈出，覆蓋 h6頁面 輸入框 問題，在此進行回顧并分享給大家:

系統：Android

條件：當輸入框在可視區底部或者偏下的位置

觸發條件：輸入框獲取焦點，彈出軟鍵盤

表現：軟鍵盤 覆蓋 h6頁面中的輸入框

問題分析：

1.發現問題：當前頁面中box為flex布局，內容為上下固定高，中間自適應（中間區域內容過多會出現滾動條，input框在wrapper的底部），input獲取焦點，手機鍵盤彈出，input未上移到可視區內，懷疑是flex布局導致。

h6頁面 測試代碼如下：

 
        
  
 
  
   
 
頭部
  
  
    
 
    
 
內容區
    
 
內容區
    
 
內容區
    
 
內容區
    
 
內容區
  
 
    
   
 
   
 
保存