移动媒体查询搞乱了桌面版本

Question

网站在进步：http://www.modernfuture.net/wordpress

在我的CSS我有以下行程式化的景观模式为我的Android设备（480像素）：

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

该作品完美，如果在桌面上浏览的网站，但它并没有在我的Android的Galaxy S3工作。

但是如果我更改了该行的代码

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

它看起来像我希望我的Android设备上（与右边的白色小空间的除外），但似乎媒体查询的造型得到应用于我的桌面版本。

看起来好像媒体查询不能正常工作，因为定义横向模式的CSS不会适用于我的Android设备 - 它既可以应用于桌面版本&也可以应用于Android横向版本，他们。我是否必须为桌面宽度设置单独的媒体查询？还是更简单些？

非常感谢！

Answer 1

要定位你需要在你的问题不同的像素大小的一个的S3

@media only screen and (max-device-width: 720px) and (orientation:portrait) { 
    // your css 
} 

@media only screen and (max-device-width: 1280px) and (orientation:landscape) { 
    // your css 
}