html 如何在Web应用程序上获取键盘高度

d7v8vwbk  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(223)

这是一个网络应用程序,针对任何移动的浏览器,但主要是Chrome和Safari的iOS10。浏览器打开内置键盘时,用户点击任何输入,这是好的,但我试图调整/重新定位项目更相关的用户在这一点上的时间。
是否有任何计算键盘的高度,以便我可以相应地调整项目?通用的解决方案会更好,因为输入可能会打开不同类型的键盘(文本,数字...),但硬编码选项也是在这个阶段的有效响应。
我已经测试了 window.screenwindow.innerHeight 等周围都无济于事...
谢谢你!

btqmn9zl

btqmn9zl1#

注:****这个答案的功劳完全属于用户Alex k。但是他的解决方案已经被OP在评论部分接受,我想这些应该在答案部分*,因为这是一个非常有用的问题。*

要解决此问题,请尝试如下所示的CSS media queries
第一个
下面是JSFiddle:https://jsfiddle.net/t3yn2yz1/6/

相关问题