Html 在移动浏览器上，当div height设置为100%时，浏览器滚动跳转

Dropbox最近更新了他们的网站布局，其中第一个div占据了100%的窗口大小，并垂直居中显示内容，而与浏览器高度无关

我正在为我自己的网站尝试这种布局。然而，我注意到，当我在手机屏幕上用chrome浏览器打开网站时，有一个初始跳转，然后页面看起来很好

我如何摆脱这个滚动跳跃

您可以通过访问手机上的网站（Android或iOS）进行检查

[更新]当您滚动并隐藏地址栏时，会发生这种情况

这是我尝试过的最好（最简单）的解决方案

例如，您可以使用CSS将高度设置为90vh，然后在加载文档时，使用javascript将高度设置为px中窗口高度的0.9*

例如jQuery：

$（“#元素”）.css（“高度”，0.9*$（窗口）.height（））

)

不幸的是，没有任何东西可以使用纯CSS:p

见：