鍍金池/ 問答/HTML/ 關(guān)于vue移動端中點擊輸入框，布局錯亂

關(guān)于vue移動端中點擊輸入框，布局錯亂

點擊輸入框后，布局錯亂了，本來100%的背景圖變形了

圖片描述

圖片描述

clipboard.png

這是一部分代碼，鍵盤彈出就會出現(xiàn)那種情況

回答
編輯回答
命多硬

安卓手機彈出輸入鍵盤時是壓縮了手機瀏覽器可視區(qū)域，高度變小了，當(dāng)然你背景100%填充就變形了。ios不會。
解決方法一：
彈出鍵盤后手動給body賦值原高度

clipboard.png

方案二：
給body設(shè)置min-height:100%

2018年7月2日 07:00
編輯回答
陌顏

布局的問題，我是這樣寫的

  flex: 1;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%
2018年2月1日 03:35
編輯回答
澐染

看著像是布局問題，與vue沒關(guān)系。具體需要貼代碼看才行

2018年5月14日 16:29