移動媒體查詢搞亂了桌面版本

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 
}