这很难解释,请容忍我。
我基本上有3个div,head,content和footer。
页脚在android上总是隐藏的,因为出于某种原因,浏览器给我的100vh大小不等于实际的视图高度。该死的网址栏好像有一些。
因此,用户需要在页面上滚动以隐藏URL栏,然后查看页脚。
然而,在其他浏览器和手机上,浏览器报告100vh为可见内容,包括url栏。
谷歌搜索了几个小时,似乎没有多少人有这个问题,那些似乎没有找到有用的解决办法。
任何人都知道如何使用100vh获得一个100%高度的html页面,并且实际上不会在其他没有使用google chrome for android的手机或设备上弄乱应用程序。
我在chrome上找到了这个更新,它涵盖了他们在处理大量投诉时所做的事情,但他们还是继续做了下去。
https://developers.google.com/web/updates/2016/12/url-bar-resizing
他们的诡计找不到好的解决办法。
有什么想法吗?

最佳答案

这是一个很常见的问题-问题是not considered a bug,这里有一篇关于这个主题的文章:
https://nicolas-hoizey.com/2015/02/viewport-height-is-taller-than-the-visible-part-of-the-document-in-some-mobile-browsers.html
这可以通过cssenvironment variables env()来解决,如csswg中所建议的:
https://github.com/w3c/csswg-drafts/issues/2630#issuecomment-397536046

10-07 15:27