Google Nexus 纵向在键盘上更改为横向

Posted 2023-03-07

【中文标题】Google Nexus 纵向在键盘上更改为横向

【英文标题】：Google Nexus Portrait changing to landscape on keypad

【发布时间】：2014-09-15 21:06:46

【问题描述】：

我们正在开发一个具有两个视图的响应式网站。一款用于平板电脑 肖像：Ipad 和 Google Nexus，一款用于手机：Iphone 和 Samsung S3。

Google Nexus Portrait 也应该出现在网页的平板电脑视图中。

这些是使用的媒体查询。

对于移动 @media 仅屏幕和（最大宽度：768 像素）和（方向：横向），仅屏幕和（最大宽度：599 像素）和（方向：纵向）

适用于平板电脑肖像 @media only screen and (min-width : 600px) and (max-width : 1024px) and (orientation : portrait)

当我们在 Google Nexus Portrait View 中打开该网站时，它会显示该网站的正确平板电脑版本。当我们单击输入字段时，会显示虚拟键盘并且设备进入横向模式。 因此对于设备的宽度（600px）和横向：显示移动视图。一旦我们关闭键盘，它就会返回到纵向并显示平板电脑视图。

设备进入横向是因为当显示键盘时屏幕的宽度变得大于屏幕高度。 （由于键盘导致高度降低）

您有任何解决方案来区分平板电脑和移动设备吗？或者对于 Nexus 的这种行为是否有任何解决方法？ （我说的是Web 应用程序而不是本机应用程序。）

【参考方案1】：

您好，我使用高度 @media (max-height: 615px) 的媒体查询解决了这个问题，您可以使用高度和宽度检测并尝试为我解决您的问题，效果很好。-

【讨论】：

可以解决纵向和横向之间的问题。但是由于我们必须支持很多设备，因此 max-height 没有帮助。我们使用用户代理来识别关系。