首页 > 解决方案 > 在平板电脑上打开键盘时 HTML 元素移动

问题描述

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

截屏 :

在此处输入图像描述

在此处输入图像描述

有什么办法可以防止吗?

php和css链接

标签: htmlcsskeyboardtabletsmartphone

解决方案


看起来您的 CSS 与视图高度的百分比相关联,因此当键盘打开时,高度会变小并缩小容器。

如果你给你的主容器一个最小高度,你应该能够防止这种情况发生


推荐阅读