视口高度改变键盘打开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 */}

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