【发布时间】：2013-10-18 03:58:20
【问题描述】：
我刚刚开始学习在 Phonegap 上进行开发，我在第一次测试中遇到了这个问题。
我在我的 css 上制作了一个长列表视图，其中包含 100% 宽度和 px 定义值（用于字体和填充）的标题和描述。
首先，我在摩托罗拉 Defy+（mdpi 设备）上测试了该应用，它看起来不错。之后，我在三星 Galaxy S4（xhdpi 设备）上测试了相同的应用程序，显然，列表视图项目在屏幕上变得非常小：
这肯定是意料之中的，因为界面应该在两个设备上填充那么多像素。但是由于它们具有几乎相同的物理屏幕尺寸，因此界面在两者上具有相同尺寸是有意义的。这就是我想要的。
我发现周围很多人都在谈论“viewport”元标记，我决定试一试，但没有成功（测试了“width”、“initial-scale”和“target-densitydpi”）。
我的问题是：有没有办法让界面根据物理尺寸/屏幕密度（例如 Android 本机上的 dp 和 sp 参数）运行，以便这些元素在各种屏幕尺寸和密度下具有相似的实际尺寸?
【问题讨论】：
-
为此编写媒体查询
-
hmm 并没有考虑到这一点，听起来不错......但唯一的问题是，我是否必须为不同的大小创建许多非常具体的规则，或者是否有一些已知的查询集一次定位大多数设备？