0

我想做的只是有一个桌面专用版本,然后是一个可以在 iPhone、Android、iPad 和任何其他手持设备上运行的移动版本。

我现在要检测的桌面是:

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

我有这个来检测移动设备:

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

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

有人对此有什么建议吗?

4

2 回答 2

1

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

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

}
于 2013-08-13T12:10:46.273 回答
0

你试过定向吗?

@media all and (orientation:landscape)
{
    /* Your code here */
}
于 2013-08-13T12:04:39.377 回答