鍍金池/ 問答/HTML/ 移動端瀏覽器input聚焦時頁面跳動

移動端瀏覽器input聚焦時頁面跳動

移動端瀏覽器下有幾個input輸入框，輸入框切換的時候頁面跳動的問題怎么解決？

<input name="code1" class="input" type="text" maxlength="1"/>
<input name="code2" class="input" type="text" maxlength="1"/>
<input name="code3" class="input" type="text" maxlength="1"/>

三個輸入框，從1聚焦，切換到2聚焦，頁面出現(xiàn)了上下跳動，這個問題怎么解決呢？

回答
編輯回答
孤客

<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />

加個這個試試呢

2017年8月28日 01:27
編輯回答
落殤

也許對你有些幫助

我遇到同樣到問題

點擊查看

2017年11月12日 22:47
編輯回答
撥弦

大哥，這樣的問題你需要把相關的頁面代碼以及相關的js,css貼出來大家才能幫你一塊排查問題，你給出這樣的代碼，怎么幫你排查。

2017年8月29日 17:08
編輯回答
陌上花

我怎么記得這事正常情況，一列input切換聚焦的時候頁面是要上下動的啊，是為了讓你的input在可視范圍之內

2017年2月23日 00:16
編輯回答
雅痞

移動端的input輸入時，因為會調出系統(tǒng)的軟件盤，軟件盤的高度不一，由此會產(chǎn)生一些問題，你可以從這點入手

2018年2月4日 02:49
編輯回答
情已空

這種情況是你頁面不規(guī)范造成的 檢查一下你的HTML吧，正常情況下是不會這樣 的

2017年5月13日 07:59