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

【问题标题】：Calculating browsers navigator on mobile在移动设备上计算浏览器导航器
【发布时间】：2017-07-15 04:14:41
【问题描述】：

我的页面上有 3 个重要的 div。其中 2 个具有固定高度，1 个应适合窗口高度。我在 CSS 上使用calc(100vh - 260px);，它在 Chrome 的“设备工具栏”上运行良好。但是，当我在带有 Chrome 的手机上尝试它时，浏览器不会从 100vh 中提取浏览器导航栏的高度，并且第三个元素的底部位于视口下方。有没有办法通过 CSS 或 Javascript 解决这个问题？

【问题讨论】：

标签： javascript css

【解决方案1】：

我已经回答了非常相似的问题here。

长话短说，请使用100% 而不是100vh。

【讨论】：

对不起，如果我不清楚。在我想要展示的 3 个重要元素下，我还有其他元素。所以做 100% 对我不起作用：/.
你可能不明白如何使用它。您能否在您的问题中添加代码 sn-p（jsfiddle 或 codepen 或其他）？
哦，谢谢，我是按你的方式做的。我刚刚将父母的高度计算（100% - 260px）和孩子的高度设置为 50% 并且它起作用了。谢谢！