【CSS】移动端软键盘弹出顶出布局如何解决

clipboard.png

请问怎么解决

回答:

应该是 position 定位的问题,建议别用定位写,可以使用 flex 或其他方法实现布局.

回答:

resize的时候计算屏幕高度,修改input的定位。
实际上很多系统在处理这个键盘弹出的时候各种各样,需要调试。。
不过resize在手机上有各种问题。。还是focus吧

回答:

$(document).ready(function () {
  $('body').height($('body')[0].clientHeight);
});
在开始加上这句也不好使
好像并没有固定高度
现在用了swiper 这个插件
我的布局都是absolute的 如果固定了body的高度 应该不会上移了啊 求指教

回答:

你这都是图片布局?那就合在一个Div里,顶出的话就一起顶出去,不会这么叠字了

回答:

移动端确实需要各种调试,安卓系统内部浏览器的处理方式不尽相同,position:fixed相对来说有好一点。但是在ios处理的时候建议position:absolute来进行调试处理。

以上是 【CSS】移动端软键盘弹出顶出布局如何解决 的全部内容, 来源链接: utcz.com/a/155899.html

回到顶部