我们正在开发一个有两个视图的响应式网站。一款适用于平板电脑PORTRAIT：Ipad和谷歌Nexus以及一款适用于手机：Iphone和三星S3。
Google Nexus Portrait也应该在网页的平板电脑视图中。
这些是使用的媒体查询。
对于MOBILE @media only screen and（max-width：768px）and（orientation：landscape），only screen and（max-width：599px）and（orientation：portrait）
TABLET PORTRAIT @media only screen and（min-width：600px）and（max-width：1024px）and（orientation：portrait）
当我们在Google Nexus纵向视图中打开网站时，它会显示该网站的正确平板电脑版本。当我们单击输入字段时，将显示虚拟键盘，设备将进入横向模式。 因此，对于设备的宽度（600px）和横向：显示移动视图。关闭键盘后，它将返回到纵向和平板电脑视图。
设备进入横向是因为当显示键盘时，屏幕的宽度变得大于屏幕高度。 （由于键盘高度降低）
您是否有任何解决方案可以区分平板电脑和移动设备？或者Nexus的这种行为是否有任何解决方法？ （我说的是网络应用程序，而不是原生。）
答案 0 :(得分：0)
您好我使用高度@media（max-height：615px）{}的媒体查询解决了这个问题，您可以使用高度和宽度进行检测，并尝试为我解决问题，以确保您的工作正常.-