首頁猿問關(guān)于vue移動(dòng)端中點(diǎn)擊輸入框，布局錯(cuò)亂

關(guān)于vue移動(dòng)端中點(diǎn)擊輸入框，布局錯(cuò)亂

JavaScript

www說 2019-03-13 18:18:41

點(diǎn)擊輸入框后，布局錯(cuò)亂了，本來100%的背景圖變形了這是一部分代碼，鍵盤彈出就會(huì)出現(xiàn)那種情況

查看完整描述

3 回答

桃花長(zhǎng)相依

TA貢獻(xiàn)1860條經(jīng)驗(yàn) 獲得超8個(gè)贊

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

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

反對(duì) 回復(fù) 2019-04-06

心有法竹

TA貢獻(xiàn)1866條經(jīng)驗(yàn) 獲得超5個(gè)贊

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

反對(duì) 回復(fù) 2019-04-06

茅侃侃

TA貢獻(xiàn)1842條經(jīng)驗(yàn) 獲得超22個(gè)贊

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

flex: 1;

display: flex;

align-items: center;

flex-direction: column;

width: 100%

反對(duì) 回復(fù) 2019-04-06

關(guān)注

舉報(bào)

0/150

提交

取消

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)