Android开发时无法正确按照响应样式显示解决办法

作者:简简单单 2013-10-30

记最近在做移动混合应用的开发,遇到的一个问题:android无法按照指定的响应样式正确显示。

首先说一下两次遇到此问题的环境:
1.使用jQuery Mobile写界面时,在测试机上(G7)字体和界面显示偏小。
2.在G7上使用自定义的响应样式进行布局时没有问题,界面显示正常。但在小米2S上,界面却显示错误。通过JS脚本获取了一下小米2S的屏幕宽度,发现获得的值并不是想像的720px,而是360px,所以响应的样式会发生错误。

 
在没有设置target-densitydpi时


在设置target-densitydpi时,得到正确的响应布局

原来在android上,会通过 target-densitydpi 来获取DPI。在不设置的情况下,默认选择的是 medium-dpi(160)。

上面的两个问题,可以通过给元标签添加target-densitydpi=device-dpi来解决,代码如下。

 代码如下 复制代码

相关文章

精彩推荐