多个密度设备上的Phonegap

Question

我刚开始学习在Phonegap上开发，我在第一次测试中遇到了这个问题。

我在我的CSS上创建了一个带有标题和描述的长列表视图，其中包含100％宽度和px定义值（用于字体和填充）。

首先，我在摩托罗拉Defy +（mdpi设备）上测试了应用程序，看起来不错。之后，我在三星Galaxy S4（xhdpi设备）上测试了相同的应用程序，显然，列表视图项目在屏幕上变得非常小：

这肯定是预期的，因为界面应该填充两个设备上的那么多像素。但由于它们具有几乎相同的物理屏幕尺寸，因此界面在两者上具有相同的大小是有意义的。这就是我想要的。

我发现很多人都在谈论“视口”元标记，我决定试一试，但没有成功（测试“宽度”，“初始比例”和“目标密度dpi”）。

我的问题是：有没有办法让界面根据物理尺寸/屏幕密度（例如Android原生的dp和sp参数）运行，因此这些元素具有相似的实际尺寸，适用于各种屏幕尺寸和密度？

Answer 1

这个meta怎么样：<meta name="viewport" content="width=device-width, initial-scale=1">