在平板电脑上打开键盘时 HTML 元素移动

标签 html css keyboard tablet smartphone

我为平板电脑/智能手机(横向布局)制作了一个简单的 html 页面。 当我点击一个输入来写一些文本时,我遇到了一个问题,虚拟键盘移动/插入每个元素。

截图:

enter image description here

enter image description here

有什么办法可以防止吗?

php and css link

最佳答案

您的 CSS 似乎与 View 高度的百分比相关联,因此当键盘打开时,高度会变小并缩小您的容器。

如果你给你的主容器一个min-height你应该能够防止这种情况发生

关于在平板电脑上打开键盘时 HTML 元素移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59682889/

相关文章:

jquery - IE11 问题与变换 rotateY 和背面可见性悬停效果

java - 使用 Scanner 类的问题

linux - 绑定(bind)具有相同 key 代码的 key ,不会丢失第二个 key

html - 使用文本装饰颜色

javascript - 如何通过使用 javascript 单击网页中的任意位置来使用 addEventListener 隐藏子菜单?

css - 强制div填充指定区域?

python - CSS 未在 CGI 脚本中应用

javascript - 使用 contenteditable div 时隐藏移动设备上的软键盘

javascript - 如何让下拉菜单在提交后自动更新?

html - CSS 重复规则最佳实践