Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/440.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
Javascript 在移动设备上计算浏览器导航器_Javascript_Css - Fatal编程技术网

Javascript 在移动设备上计算浏览器导航器

Javascript 在移动设备上计算浏览器导航器,javascript,css,Javascript,Css,我的页面上有3个重要的div。其中2个具有固定高度,1个应适合窗户高度。我使用calc(100vh-260px),它在Chrome的“设备工具栏”上完全可以正常工作。然而,当我用Chrome在手机上试用时,浏览器不会从100vh中提取浏览器导航栏的高度,第三个元素的底部位于viewport下。有没有办法通过CSS或Javascript解决这个问题?我已经回答了一个非常类似的问题 长话短说,用100%代替100vh对不起,我不清楚。在我想展示的3个重要元素下面还有其他元素。所以100%的收入对我来

我的页面上有3个重要的div。其中2个具有固定高度,1个应适合窗户高度。我使用
calc(100vh-260px),它在Chrome的“设备工具栏”上完全可以正常工作。然而,当我用Chrome在手机上试用时,浏览器不会从100vh中提取浏览器导航栏的高度,第三个元素的底部位于viewport下。有没有办法通过CSS或Javascript解决这个问题?

我已经回答了一个非常类似的问题


长话短说,用
100%
代替
100vh

对不起,我不清楚。在我想展示的3个重要元素下面还有其他元素。所以100%的收入对我来说是行不通的:/。你可能不知道如何使用它。你能在你的问题中添加一个代码片段(JSFIDLE或codepen或其他)吗?哦,谢谢,我用你的方式完成了。我刚刚计算了父母的身高(100%-260px)和孩子的身高(50%),结果成功了。谢谢