有没有办法使用 CSS 或 jQuery 控制移动设备上的窗口高度？

Question

我在移动浏览器的窗口高度方面遇到了一些问题。 我正在使用 css 100vw，但它并不总是准确的 - 特别是当浏览器显示附加功能时 - 我的意思是顶部的导航栏或底部的功能按钮。

简单来说 - 他们去掉了窗口的大小，但它并不是指精确计算的窗口大小。

我放视频是为了更好地说明我在说什么： As you can see here - where i'm opening chat window the window height is changing during keyboard show-up - but window itself does not change the size - when i enter it second time - the window height is changing - how i can get controll over it?

Here when the bottom stripe is added the height of the chat window is ok - it's computed by CSS height:calc(100vh - px) and it's work But when stripe is gone - window height remain the same - so the height is much lower

如何通过此窗口的附加功能获取移动窗口的高度？ （添加地址栏、功能按钮或键盘？）。

（电影来自 iPhone iOS - 在 Android 上似乎一切正常）

Answer 1

不要使用100vw，而是尝试使用100%。像这样：

height:100%