手機 - 媒體查詢屏幕較小，申請大屏幕

Question

我有以下媒體查詢的移動應用，

only screen and (max-height: 630px) and (orientation: portrait) {} 

我要的是這個媒體查詢裏面的樣式適用於所有屏幕其高度爲630px或更少。基本上它應該適用於較小的屏幕。在瀏覽器上，這很有用。但在實際設備上，它不能正常工作。

大於630px的設備仍然應用該媒體查詢中的樣式。我設法通過將像素比解決它的一些屏幕 -

only screen and (max-height: 630px) and (orientation: portrait) and (-webkit-device-pixel-ratio: 2) {} 

不過在越來越應用的樣式一些更大的屏幕（甚至是新的手機）。我在這裏做錯了什麼。

Answer 1

嘗試使用device-height

@media only screen 
and (max-device-height: 630px) 
and (orientation: portrait) { 
     /* Code */ 
    } 

有關媒體查詢https://blog.box.com/blog/media-queries-things-i-wish-id-known/

Answer 2

試試這個。

@media screen and (max-height: 630px){ 
    //Write your mobile styles here 
}