【问题标题】:Layout of html elements with enabled keyboard启用键盘的 html 元素布局
【发布时间】:2018-12-18 21:29:03
【问题描述】:

是否可以创建一个具有响应高度并被启用的键盘覆盖的 html 元素(比如说 div)?

我有以下情况:

我想让这个 div 像那样滚动

我知道我可以通过将 div 的高度设置为指定的 px 值来做到这一点,但我希望它在不同的移动设备上看起来相同。我尝试使用vh,但据我了解,它对应于视口高度,这与启用的键盘不同。是否可以使视口大小不可更改?

【问题讨论】:

    标签: html css


    【解决方案1】:

    没有。虚拟键盘不是 HTML,也不在 DOM 中——它是一个操作系统级别的组件,您的页面甚至都不知道它的存在。

    除非您正在构建本机应用程序,否则使用虚拟键盘管理应用程序布局非常困难。在这种情况下,应用程序可以控制键盘的可见性并相应地调整其布局。在普通网页上,这几乎是不可能的。

    【讨论】:

    • 难道你不能通过 jQuery (stackoverflow.com/a/28272408/3684265) 检测页面大小,然后只使用 jQuery 来添加/删除类吗?
    • 该死,奇怪的是没有这样的功能。所以每个人都只是为每个设备单独手动管理它?
    • 实现因浏览器而异。没有可靠的方法来处理这个问题。
    • @imvain2 是的,我想过,但它似乎有点太复杂了,我确信应该有一些机制来自动设置它。
    • 我确实花了数周时间试图解决这个问题,最终采用了混合应用策略。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-24
    • 1970-01-01
    • 1970-01-01
    • 2018-07-21
    • 2010-11-19
    • 1970-01-01
    • 2020-12-03
    相关资源
    最近更新 更多