小编Anz*_*ika的帖子

为了填充整个页面的高度，我使用height: 100%;html和body标签，并且在关闭浏览器并重新打开之前，它可以正常工作。（由于移动设备上的问题，我不使用100vh https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in -some-mobile-browsers.html）

重现步骤：

• 在iPhone上的Google Chrome浏览器中打开https://angelika94.github.io/rick/（您会看到导航（Morty和Beer）位于页面底部）的CSS Rick屏幕截图
• 关闭浏览器并将其从多任务导航中删除：https : //support.apple.com/zh-cn/HT201330
• 再次打开浏览器（您将看到底部导航移离了“第一个屏幕”，现在您需要滚动才能看到它） css Rick的屏幕截图，没有导航

在以下情况下，页面将自行修复：

• 更新页面
• 将设备旋转到横向
• 通过标签打开和关闭浏览器的导航
• 关闭并重新打开浏览器，而无需在多任务导航中将其关闭

为什么会发生？如何解决此问题？

先感谢您！