在手机上打开键盘时网站布局会发生变化

Question

我正在创建一个响应迅速的网站，因此它几乎适用于所有设备。我有一个联系页面与联系人字段在大屏幕设备和移动设备，标签等一切看起来很棒，直到我打开键盘填写联系表格。当手机键盘出现时，用户输入所有内容。

我的问题是我想在用户将手机的方向从纵向更改为横向时向用户显示消息，以保持方向为纵向。当键盘打开时，由于我用来显示消息的css媒体查询而显示消息。

@media all and (orientation:portrait) {
 /* Styles for Portrait screen */
 }
@media all and (orientation:landscape) {
   /* Styles for Landscape screen */
 }

请帮我隐藏keybaord打开时的消息或完全取消我的网站定位功能的任何解决方案。