phonegap应用程序 - 处理不同的分辨率

Question

我正在使用Phonegap开发Android应用程序，并且遇到不同屏幕的问题。我搜索了很多，每个人都建议使用元标记，所以我将它包含在我的html中：

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

当我在模拟器中测试它时，它正是我想要的，但是当我在三星galaxy S4和三星galaxy s2上测试它时，它非常小。 S4显示它更小。一个甚至无法阅读内容（我认为这是因为xhdpi和hdpi）。那么有人可以建议我如何处理它吗？非常感谢你！

Answer 1

您应该使用CSS来控制屏幕大小和屏幕上的UI。取向。 例如：

@media only screen and (min-width:768px) and (max-width:959px)

参考文档：CSS media queries

Answer 2

您遇到的问题是target-densitydpi=device-dpi。它正试图利用手机的高分辨率。 PhoneGap开始使用的默认元标记具有导致此“问题”的额外细节。

将您的元标记更改为：

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1" />

它应该可以正常工作。