记最近在做移动混合应用的开发,遇到的一个问题:android无法按照指定的响应样式正确显示。
首先说一下两次遇到此问题的环境:
1.使用jQuery Mobile写界面时,在测试机上(G7)字体和界面显示偏小。
2.在G7上使用自定义的响应样式进行布局时没有问题,界面显示正常。但在小米2S上,界面却显示错误。通过JS脚本获取了一下小米2S的屏幕宽度,发现获得的值并不是想像的720px,而是360px,所以响应的样式会发生错误。
在设置target-densitydpi时,得到正确的响应布局
原来在android上,会通过 target-densitydpi 来获取DPI。在不设置的情况下,默认选择的是 medium-dpi(160)。
上面的两个问题,可以通过给元标签添加target-densitydpi=device-dpi
来解决,代码如下。
代码如下 | 复制代码 |