在Android手机上横向显示错误时显示消息

Question

所以我有一个div，我希望在手机变成横向模式时向用户显示。

我在所有页面上都有一个div，该div设置为display：none。我想在手机处于横向模式时显示此消息，所以我创建了一个带有display flex的媒体查询。

.rotate_your_screen_please{
  display: none;
}

    @media only screen and (min-width: 320px) and (max-device-width: 812px) and (orientation: landscape){

    .rotate_your_screen_please{
      display: flex;
    }
    }

这在iOS上可以正常工作，但是当键盘弹出时，Android会以某种方式“推动”屏幕尺寸并调整方向模式。这会使该块在有人按下输入字段并触发键盘后立即显示。任何人有解决这个问题的想法吗？