css - 键盘弹出后，原本absolute底部固定栏被顶起

Question

h5页面有个固定的顶部，当输入框输入焦点的时候，软键盘出来，原本的底部被顶起来了，显示在手机键盘的上面，有没有简单设置样式可以解决的方法。

PHP中文网 · Answer

获取焦点的时候改为relative 或者不定位

大家讲道理 · Answer

不要使用absolute定位，低版本会有问题，还有一个是要注意你的html结构，定位的不要被包裹起来了

ringa_lee · Answer

常用键盘弹出的时候隐藏fiexd元素，键盘消失显示来优化

迷茫 · Answer

底部的状态栏用fixed定位

高洛峰 · Answer

尽量还是别用定位很容易出问题就按照自上而下的结构写输入法弹出就不会影响

Php8, 나도 갈게