Phonegap，用於480x720,480x800和480x854的css樣式問題

Question

我一直在爲解決PhoneGap的一個css問題工作了幾天。

我有一個應用程序顯示地圖和一些控制按鈕。我需要設置地圖大小，以便我有足夠的空間。

它適用於大多數的屏幕分辨率，但對於480x720,480x800和480x854，它不適用於三種不同風格的我。我在這裏看到過類似semilar的問題，但仍然有問題。三種屏幕分辨率選擇相同的風格。

例如，這適用於480x720：

@media屏幕和（最小 - 設備寬度：455px）和（MAX-設備寬度： 720像素）和（方向：縱向）{/ *樣式* /}

塊引用

但隨後480x800的選擇同樣的造型。 如果我然後創建一個480x800的新造型：

@media只有屏幕和（最小 - 設備寬度：480像素）和（取向： 肖像）{/ *樣式* /}

然後它適用於480x800，但480x720也使用它。

我已經嘗試了許多不同的事情，最小的設備寬度，最大設備寬度等。另外，我想不通爲什麼（分設備寬度：455px），適用於480x720（發現here）

任何幫助，將不勝感激:)

Answer 1

這只是把我的頭頂部，但我相信你需要做這樣的事情：

@media screen and (max-device-width: 480px) and (max-device-height: 720px) and (orientation: portrait) 
@media screen and (max-device-width: 480px) and (max-device-height: 800px) and (orientation: portrait) 
@media screen and (max-device-width: 480px) and (max-device-height: 854px) and (orientation: portrait) 

提供了正確的風格，每個屏幕的分辨率。