橫向模式下的移動媒體查詢？

Question

我的手機媒體查詢不工作在橫向模式，也許我不顯示media only screen正確。我沒有使用任何框架，只是普通的CSS ...

有人可以指出我在正確的方向嗎？在此先感謝

這就是我現在所擁有的

@media (min-width : 319px) and (max-width: 480px){ 
    //css here 
} 

不知道我在做什麼錯

Answer 1

有一個在CSS一個有用的屬性/函數調用orientation其中有兩個選項：

1. 景觀
2. 肖像

而且這是你如何使用它：

@media screen and (orientation:landscape) { 
    /* Your CSS Here*/ 
} 

要附加的屏幕最大和最小寬度，你可以做這樣的事情：

@media screen and (orientation:landscape) 
and (min-device-width: 319px) 
and (max-device-width: 480px) { 
    /* Your CSS Here*/ 
} 

看到這個REFFERENCE：css expanding based on portrait or landscape screen size?和也關於@media本頁查詢的文檔：https://css-tricks.com/snippets/css/media-queries-for-standard-devices

我希望這能幫到你:-)