【问题标题】:Media query to differentiate between Galaxy in landscape mode and desktop viewing?媒体查询以区分横向模式下的 Galaxy 和桌面查看?
【发布时间】: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 上同时加载桌面版和移动版。)

有人对此有什么建议吗?

【问题讨论】:

    标签: android css media desktop landscape


    【解决方案1】:

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

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

    【讨论】:

    • 谢谢!这对我有用。我使用:“仅媒体屏幕和(最小设备宽度:340mm)”用于桌面版本,然后我使用“仅媒体屏幕和(最大设备宽度:339 毫米)”用于移动设备,适用于 android横屏,安卓竖屏,iPhone横屏,iPhone竖屏。谢谢!
    【解决方案2】:

    你试过定位吗?

    @media all and (orientation:landscape)
    {
        /* Your code here */
    }
    

    【讨论】:

      猜你喜欢
      • 2011-12-30
      • 2018-02-23
      • 1970-01-01
      • 2016-10-29
      • 2013-06-30
      • 2015-08-17
      • 1970-01-01
      • 1970-01-01
      • 2018-05-21
      相关资源
      最近更新 更多