媒体查询如何使横向视图仅应用于平板电脑，而不是手机？

【问题标题】：How do Media Query so landscape view is applied only on tablet, not phone?媒体查询如何使横向视图仅应用于平板电脑，而不是手机？
【发布时间】：2014-11-08 04:14:57
【问题描述】：

我不希望在手机旋转到横向时出现横向视图，只希望平板大小的设备出现。我正在使用em 进行测量，但很难选择一个好的截止值。 Nexus 4（例如）横向宽度为61.5em（iPad 为1024 或64 em），它非常宽，但该手机的横向视图看起来很差。有好的解决办法吗？

【问题讨论】：

这与设备的屏幕尺寸有关，与Android或iOS（标签）无关。

标签： css mobile media-queries

【解决方案1】：

您可能需要为每个设备分辨率设置设备细节。我不知道任何决定您是否正在查看特定设备的细节。有些手机更容易检测（如 iPhone 6+），因为它们具有特定的异常分辨率。我知道@media 手持设备在许多设备上都被忽略了，所以这并没有多大帮助，只能试一试。

http://css-tricks.com/snippets/css/media-queries-for-standard-devices/

您也可以添加方向以进行更深入的测试。像

@media (min-width: 1024px) and (orientation: landscape)

https://developer.mozilla.org/en-US/docs/Web/CSS/@media

【讨论】：