Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/73.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html Firefox mobile:height 100vh包括导航栏高度_Html_Css_Firefox - Fatal编程技术网

Html Firefox mobile:height 100vh包括导航栏高度

Html Firefox mobile:height 100vh包括导航栏高度,html,css,firefox,Html,Css,Firefox,我有一个装满所有浏览器高度的容器。为此,我使用vh装置: section{ background-image: ...; background-repeat: no-repeat; background-position: center; overflow: hidden; } section .container{ height: 100vh; } 这个问题发生在移动Firefox中。容器高度大于视口高度。看起来Firefox在计算中包含了导航栏的高度。你说的topb

我有一个装满所有浏览器高度的容器。为此,我使用vh装置:

section{
  background-image: ...;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
}
section .container{ 
  height: 100vh; 
}

这个问题发生在移动Firefox中。容器高度大于视口高度。看起来Firefox在计算中包含了导航栏的高度。

你说的topbar是什么意思?@关闭了导航栏。我认为这是不可避免的,因为只在iOS上玩这个应用程序。如果您可以想象应用程序的渲染堆栈,导航栏位于浏览器渲染的实际视口上方的固定位置。有解决方案吗?topbar是什么意思?@关闭导航栏。我认为这是不可避免的,因为只在iOS上玩应用程序。如果您可以想象应用程序的渲染堆栈,导航栏位于浏览器渲染的实际视口上方的固定位置。有解决方案吗?