视口高度改变键盘打开android

Question

我正在开发与Cordova的混合应用程序。我已经使用vh和vw来设计我的设计并调整所有尺寸，因此屏幕尺寸的细微差别都能很好地工作。我的问题是在Android上，当键盘打开时，vh的值会从全屏变为键盘上方仍然可见的屏幕部分。这不会发生在iOS上。

有关如何解决此问题的任何想法？我是否应该完全改变布局策略以在css中使用其他类型的维度？我应该找出屏幕尺寸，然后用js设置所有高度（看起来很糟糕）？任何有关最佳实践的帮助都会很棒。

谢谢，

斯科特

Answer 1

@media screen and (min-aspect-ratio: 1/1) { /* landscape styles here */}

@media screen and (max-aspect-ratio: 1/1) { /* portrait styles here */}

这几乎是解决这个问题的唯一方法。或者您可以尝试仅使用视口宽度并避免视口高度。

Here is a resource to look at might help as well