23

在 iPhone 4/4S (640x960)、HTC Desire HD (480x800)、三星 Galaxy Note 等设备上，我的 Phonegap/Cordova 应用程序在以下设置下看起来不错。

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

但它在三星 Galaxy S4（1080x1920，5.0 英寸~441 ppi 像素密度）等超高分辨率设备上缩小得太小，用户可能需要放大镜才能阅读它。

无论屏幕尺寸或像素密度如何，如何调整视口以使其在所有手机/平板电脑上看起来大致相同？

我尝试将比例增加到 1.5，它在 S4 上是可读的，但是在低密度设备上一切都太大了。

任何想法？

4

1 回答 1

34

尝试替换device-dpi为medium-dpi. device-dpi防止默认缩放，同时medium-dpi将在低密度屏幕上缩小并在高密度屏幕上放大。

这里有一些参考http://developer.android.com/reference/android/webkit/WebView.html

原始帖子和答案在这里：https ://stackoverflow.com/a/15545381/1039194

于 2013-06-18T08:02:51.183 回答