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

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

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

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

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

---

如果你全屏浏览章节，你将不可避免地面临不同手机屏幕和平板电脑的问题。我从来都不是全高页面的粉丝，因为它们会给内容带来很多麻烦

你可以做的是设置一个小的高度断点，并把页面转到高度：自动；当键盘打开时