如何消除移动设备上恼人的Y移动和滚动条？

我在DIV中有一个居中的框。

DIV设置为高度：100VH宽度：100VW，以便它完全占据整个屏幕。也就是说，在X或y方向上不应该有滚动。

移动设备上，没有预期的X方向滚动，但在移动设备上有Y方向滚动。

PC按预期工作。

是什么导致了这种奇怪的效果？我没有一个简单的方法来调试手机，所以我很难使用它。

此外，这个盒子实际上比我的移动设备的中心更高，但在PC浏览器中完全居中。

相关的CSS是：

<代码>正文{边距：0px；填充：0px；}.第页{显示：Flex；Justify-content：中心；align-items：居中；宽度：100VW；高度：100VH}.框{方框阴影：0px 1px 3px RGBA（0，0，0，0.4）；背景：RGBA（255，255，255，0.5）；字体系列：Arial；字体粗细：粗体；边框：0px实线#000000；border-radius：5px；}

而完整的小提琴是：

顺晟科技：

我会尝试使用@media（maxWidth：___px）{}。只是为了让用户在使用一定尺寸的屏幕时，从相同的代码中获得不同的效果。我从未使用过手机，但如果你还没有使用过@Media，那就值得一试。