Android Chrome上的URL栏会隐藏全部高度的内容,除非用户使用100VH滚动

Android Chrome上的URL栏会隐藏全部高度的内容,除非用户使用100VH滚动,android,html,css,google-chrome,Android,Html,Css,Google Chrome,这很难解释,所以请耐心听我说 我基本上有3个div,Head,Content和Footer。 在Android上,页脚总是隐藏的,因为出于某种原因,浏览器给了我一个100vh的大小,它不等于实际的视图高度。该死的URL栏似乎涵盖了一些内容 因此,用户需要在页面上滚动以隐藏URL栏,然后查看页脚 但在其他浏览器和手机上,浏览器报告100vh为可见内容,包括URL栏 谷歌搜索了几个小时,似乎没有多少人有这个问题,这些人似乎没有找到一个有用的解决办法 任何人都知道如何使用100vh获得100%高度的H

这很难解释,所以请耐心听我说

我基本上有3个div,Head,Content和Footer。 在Android上,页脚总是隐藏的,因为出于某种原因,浏览器给了我一个100vh的大小,它不等于实际的视图高度。该死的URL栏似乎涵盖了一些内容

因此,用户需要在页面上滚动以隐藏URL栏,然后查看页脚

但在其他浏览器和手机上,浏览器报告100vh为可见内容,包括URL栏

谷歌搜索了几个小时,似乎没有多少人有这个问题,这些人似乎没有找到一个有用的解决办法

任何人都知道如何使用100vh获得100%高度的HTML页面,并且实际上不会在其他没有使用谷歌chrome for android的手机或设备上扰乱应用程序

我发现Chrome的这一更新涵盖了他们所做的大量投诉,但他们还是照做了

他们的诡计找不到好的解决办法


有什么想法吗?

这是一个非常普遍的问题——问题是,这里有一篇关于这个主题的文章:

这可以通过CSSWG中建议的CSS解决:

谢谢。我花了很长时间想办法解决这个问题。没有找到这些页面!