我们正在开发一个具有两个视图的响应式网站。一种用于平板电脑 肖像：Ipad 和 Google Nexus，一种用于手机：Iphone 和三星 S3。
Google Nexus Portrait 也应该出现在网页的平板电脑视图中。
这些是使用的媒体查询。
对于 MOBILE @media 仅屏幕和（最大宽度：768 像素）和（方向：横向），仅屏幕和（最大宽度：599 像素）和（方向：纵向）
对于平板电脑肖像 @media only screen and (min-width : 600px) and (max-width : 1024px) and (orientation : portrait)
当我们在 Google Nexus Portrait View 中打开该网站时，它会显示该网站的正确平板电脑版本。当我们单击输入字段时，会显示虚拟键盘并且设备进入横向模式。因此对于设备的宽度（600px）和横向：显示移动视图。一旦我们关闭键盘，它就会返回到纵向并显示平板电脑视图。
设备进入横向是因为当显示键盘时屏幕的宽度变得大于屏幕高度。（由于键盘导致高度降低）
您有任何解决方案来区分平板电脑和移动设备吗？或者对于 Nexus 的这种行为是否有任何解决方法？（我说的是Web 应用程序，而不是原生的。）