javascript - 计算移动浏览器导航器

标签 javascript css

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

最佳答案

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

长话短说,使用 100% 而不是 100vh

关于javascript - 计算移动浏览器导航器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45110800/

相关文章:

javascript - 如何捕捉 "Maximum call stack size exceeded"错误?

javascript - React hooks 在句柄函数上状态未定义

css - 更改 Slick Carousel 的高度

css - div 列布局

javascript - jQuery 自定义选项卡处于事件状态,单击同一选项卡关闭并再次打开

javascript - 单击下载 MP3,而不是打开选项卡

javascript - 按下div时如何改变图像?

javascript - 如何使用 ramda.js 将对象数组转换为整数数组并从这些对象中提取值?

javascript - 灯箱点击关闭/淡入行为

javascript - 单击图标时未显示抽屉导航