android - 确定移动设备的最大浏览器高度(本地址栏未显示时)

Question

我已经为此工作了好几天了。翻阅了无数文章并尝试了很多不同的想法。

我想要做的就是让背景图片或元素占浏览器高度的 100%。问题在于，每本地址栏显示和隐藏可用空间发生变化并且图片调整大小时，都会导致烦人的跳转。

我正在使用名为 maximage 2 ( http://www.aaronvanderzwan.com/maximage/ ) 的全屏图像 slider

首先，我尝试使 html 或 body 容器与顶部对齐并高 120%，这样本地址栏消失时它仍会覆盖。但图像仍会调整大小，因为新尺寸的 120% 仍然不同。

我也一直在尝试存储原始浏览器高度，然后添加到该数字以补偿地址栏并将 slider 调整为新大小。

我正在考虑使用设备宽高比并考虑保持固定的东西(例如宽度)的方式，但这会因设备而异并且不可靠。

有没有人知道有什么简单干净的方法可以简单地用图像 slider 覆盖移动设备的背景，而不使用会调整大小的百分比？

Answer 1

我遇到了同样的问题。解决方案是通过 jQuery 将背景高度设置为窗口高度，并在滚动事件处于 Activity 状态时阻止调整大小事件。

这样你就可以滚动让地址栏消失并且不会发生令人讨厌的调整大小跳跃。

https://stackoverflow.com/a/31546432/1612318