Question

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

由此产生的一个问题是，在手机上弹出虚拟键盘会推动内容，并且页面布局会变得混乱。

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

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

Answer 1

如果全屏显示部分，您将不可避免地遇到不同的移动屏幕和平板电脑的问题。我从未成为全高页面的粉丝，因为它们会给内容带来很多麻烦。

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