我发现 JQuery Mobile 页面在 MDPI 设备(如 G1)上看起来不错,但在 HDPI 设备(如 Samsung Galaxy S)上看起来非常小。
这是来自 Android 模拟器的图像,分辨率为 320x480 和 160 dpi:
这是来自 Android 模拟器的图像,分辨率为 480x800 和 240 dpi:
要查看不成比例,请比较 JQuery 文本的大小与原生 Android 界面(时钟)的大小。
编辑:使用以下视口(viewport)设置截取的屏幕截图:
<meta name="viewport" content="initial-scale=1, width=device-width, target-densitydpi=device-dpi"/>
最佳答案
从 JQM 版本 1.1 开始,缩放级别 hack 不再起作用,因为缩放已被 JQM 禁用。
页面 meta[name='viewport'] 内容,在 Activity 启动并加载第一页后:
initial value initial-scale=1
JQM 1.0.1 initial-scale=1
JQM 1.1.0 initial-scale=1,maximum-scale=1, user-scalable=no
所以解决方案是从 meta[name='viewport'] 内容中删除 densitydpi=device-dpi,因为它阻止了 android 执行的“本地缩放”(参见 http://developer.android.com/guide/webapps/targeting.html 的详细解释,定义视口(viewport)目标密度部分).
关于android - 如何在 Android HDPI 设备上使用 JQuery Mobile 修复视口(viewport)缩放,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8637906/