2013-10-18 35 views
2

我剛剛開始學習如何在Phonegap上開發,並在第一次測試中發現了這個問題。多密度設備上的Phonegap

我做了一個很長的列表視圖與標題和說明100%寬度和px定義值(對於字體和填充)在我的CSS。

首先,我在摩托羅拉Defy +(mdpi設備)上測試了應用程序,它看起來不錯。在那之後,我測試了一個三星Galaxy S4(xhdpi裝置),並且在相同的應用程序很明顯,該列表視圖項目得到了在屏幕上非常小:

enter image description here

這無疑是意料之中的,因爲該接口應該在兩個設備上填充許多像素。但是由於它們的物理屏幕尺寸幾乎相同,因此界面在兩者上都具有相同的尺寸是有意義的。這就是我想要的。

我發現很多人在談論「視口」元標記,我決定放棄它,但沒有成功(測試「寬度」,「初始規模」和「目標densitydpi」) 。

我的問題是:有沒有一種方法可以使界面根據物理尺寸/屏幕密度(例如Android本機上的dp和sp參數)運行,因此這些元素在各種屏幕尺寸上具有相似的實際尺寸,密度?

+0

寫媒體查詢本 –

+0

嗯沒因子評分關於這一點,雖然聽起來不錯......唯一的問題,我將不得不創造出很多不同尺寸非常具體的規則以及是否存在一些已知的一組查詢來一次定位大多數設備? – arvere

回答

0

這個怎麼樣元:<meta name="viewport" content="width=device-width, initial-scale=1">

相關問題