如何防止网页垂直调整大小的响应？

Question

我有一个带有 height: 100% 和 body 的容器 div。 我这样做是为了使其适合窗口大小，也就是说，我不希望我的页面垂直调整大小（调整大小时内容会上升），而只能通过触发媒体查询来水平调整。

由此产生的一个问题是，移动设备上弹出的虚拟键盘将内容向上推，页面布局变得混乱。

Ps：我已将视口元标记添加到文档中

 <meta name="viewport" content="width=device-width, user-scalable=no">

Answer 1

如果您对部分进行全屏显示，您将不可避免地面临使用不同的移动屏幕和平板电脑的问题。我从来都不喜欢全高页面，因为它们会给内容带来很多麻烦。

你可以做的是设置一个小的高度断点，当键盘打开时将页面转到height: auto;。