站长博客：https://www.pipipi.net/前言所有浏览器在加载页面时都有一个顶级菜单（比如显示地址栏），当您开始滚动时，菜单会向上滑动。这次菜单会变小，由于100vh只计算视口可见部分，会导致所有布局重新绘制和缩放，对用户体验有不好的跳跃效果。看下图，很明显第二个菜单栏变小了。文本不幸的是，这个问题一直是故意存在的......这是一个众所周知的问题（至少在safari移动版中）并且它是故意的，因为它可以防止其他问题。请参阅BenjaminPoulain对webkit错误的回复：这完全是故意的。我们需要花很多功夫才能达到这个效果。CSS3FAQ:100vh在手机浏览器中不固定，常量-创客青年博客基本问题是：滚动时可见区域会动态变化。如果我们相应地更新CSS视口高度，我们需要在滚动期间更新布局。它不仅看起来很糟糕，而且在大多数页面中以60FPS的速度运行几乎是不可能的（60FPS是iOS上的基准帧率）。动态更新高度不起作用，我们有几个选择：删除iOS上的视口单元，匹配iOS8之前的文档大小，使用小视图大小，使用大视图大小。根据我们的数据，使用更大的视图尺寸是最好的折衷方案。大多数使用视口单位的网站大部分时间看起来都很棒。你可以看看NicolasHoizey对这个问题的研究：https://nicolas-hoizey.com/20...Notgoingtofix目前，没有比避免在移动设备上使用视口高度更好的解决方案了。移动Chrome似乎也想适应这一点，尽管不确定他们是否会贯彻执行。（参考链接）
