我的phonegap應用程序在Android HD手機，HDPI和XHDPI手機中看起來更小

我是新手，使用手機開發混合應用程序& jquery mobile。我的應用程序在mdpi設備中看起來很好。但是，應用程序用戶界面在HDPI & XHDPI手機，平板電腦& Apple設備中看起來更小/收縮。我的phonegap應用程序在Android HD手機，HDPI和XHDPI手機中看起來更小

目前正在使用的視口元標記爲

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, target-densityDpi=device-dpi" />

我怎麼能acheieve在所有的屏幕分辨率&乾粉吸入器相同的用戶界面。

需要你的建議。

來源

2013-06-27 yokks

Remove target-densityDpi = device-dpi。基本上，這是所有你需要：

<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, width=device-width" />

來源

2013-06-27 14:24:07 Noogen

如果刪除設備dpi的，它需要MDPI爲默認值看起來MDPI裝置罰款。但在hdpi和xhdpi屏幕中，它看起來沒問題。我必須在CSS中進行更改以支持其他DPI。是否正確定位所有Android和iOS設備？ – yokks

是的，在大多數瀏覽器中，target-densitydpi已被棄用。大多數情況下，這很好。流行的做法是在鏈接標籤上使用媒體查詢，以提供對不同設備分辨率和設備像素比的覆蓋。如果您確實需要支持高分辨率，請參閱：http://coding.smashingmagazine.com/2012/08/20/towards-retina-web/ – Noogen

我的phonegap應用程序在Android HD手機，HDPI和XHDPI手機中看起來更小

回答

相關問題