使用地址栏获取页面高度？答案

【问题标题】：Get page height with address bar?使用地址栏获取页面高度？
【发布时间】：2020-08-08 14:08:03
【问题描述】：

我在调整页面大小时遇到问题。我正在根据页面的高度调整图像的大小。我不想在页面上进行任何滚动，但是在移动设备上地址栏会干扰。有时页面在没有地址栏的情况下获得高度并放入滚动条，有时它在地址栏获得高度并且运行良好

有没有办法通过地址栏获取页面的高度？还是强迫它显示？（或者强迫它隐藏？）

【问题讨论】：

你能澄清sometimes the page gets the height的意思吗？
如果视口大小发生变化，您可以添加一些 javascript 来更新高度
只需使用vh（视口高度）单位设置图像高度。此外，我们需要查看您正在使用的代码，以准确了解您正在处理的内容。 developer.mozilla.org/en-US/docs/Web/CSS/Viewport_concepts
参考这个问题stackoverflow.com/questions/52848856/…
@ScottMarcus: 100vh 使用高度假设没有地址栏导致我的问题

【解决方案1】：

实际上我遇到了你的问题，有两种方法可以解决它，但它们无法在任何地方、任何浏览器上为你提供帮助！！

方式 1：检查这里有你需要的一切

Chrome 团队最近实现了一项功能，该功能会告诉浏览器在用户将页面添加到主屏幕后全屏启动该页面。它类似于 iOS Safari 模型。

<meta name="mobile-web-app-capable" content="yes">

方式 2：使用窗口对象上的滚动和调整大小事件随时将高度设置为与视口相同。

【讨论】：