键盘打开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