安卓手机键盘弹出时视口高度发生变化

Question

5

我正在使用Cordova开发混合应用程序。我已经使用了vh和vw来布置我的设计和调整大小，以使屏幕大小的轻微差异都能正常工作。我的问题在于，在Android上，当键盘打开时，vh的值会从全屏变为仅在键盘上方可见的部分。这在iOS上不会发生。

有什么解决方法吗？我应该完全改变我的布局策略以使用css中的另一种维度吗？或者我应该找出屏幕尺寸，然后使用js设置所有高度（这似乎很糟糕）？任何最佳实践的帮助都将是极好的。

谢谢，

Scott

- Scott Mahr

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Carson Crane · Accepted Answer

@media screen and (min-aspect-ratio: 1/1) { /* 横屏样式 */}

@media screen and (max-aspect-ratio: 1/1) { /* 竖屏样式 */}

这是处理该问题的唯一方法。或者，您可以尝试仅使用视口宽度，并避免视口高度。这里有一个资源可能也会有所帮助。