媒体查询以区分横向模式下的 Galaxy 和桌面查看？

Posted 2023-03-12

【中文标题】媒体查询以区分横向模式下的 Galaxy 和桌面查看？

【英文标题】：Media query to differentiate between Galaxy in landscape mode and desktop viewing?

【发布时间】：2013-08-13 11:53:03

【问题描述】：

我想要做的只是拥有一个特定于桌面的版本，然后是一个可在 iPhone、android、iPad 和任何其他手持设备上运行的移动版本。

我现在要检测的桌面是：

@media only screen and (min-device-width: 960px)

我有这个可以检测到移动设备：

@media only screen and (max-device-width: 959px)

但是，当我的 Android (Galaxy S3) 处于横向模式时，它不会加载正确的版本。如何在横向模式下区分桌面和安卓？我尝试了一堆不同的宽度和其他代码组合，但是对我没有任何帮助。 （我得到的最接近的方法是以横向模式在 Android 上同时加载桌面版和移动版。）

有人对此有什么建议吗？

【参考方案1】：

你试过以厘米/毫米为单位的宽度吗？

@media all and (min-width: 25cm)

【讨论】：

谢谢！这对我有用。我使用：“仅媒体屏幕和（最小设备宽度：340mm）”用于桌面版本，然后我使用“仅媒体屏幕和（最大设备宽度：339 毫米）”用于移动设备，适用于 android横屏，安卓竖屏，iPhone横屏，iPhone竖屏。谢谢！

【参考方案2】：

你试过定位吗？

@media all and (orientation:landscape)

    /* Your code here */