Phonegap / Cordova应用程序在三星Galaxy S4等高分辨率设备上缩小太小

时间:2013-05-08 08:09:05

标签: html5 cordova cordova-2.0.0

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

<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上可读,但是在低密度设备上一切都太大了。

有什么想法吗?

1 个答案:

答案 0 :(得分:34)

尝试将device-dpi替换为medium-dpidevice-dpi会阻止默认缩放,而medium-dpi会在低密度屏幕上缩小,并在高密度屏幕上向上扩展。

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

原帖和答案转到此处:https://stackoverflow.com/a/15545381/1039194