2

我刚刚开始学习在 Phonegap 上进行开发,并且在我的第一次测试中遇到了这个问题。

我在我的 css 上制作了一个长列表视图,其中包含 100% 宽度和 px 定义值(用于字体和填充)的标题和描述。

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

在此处输入图像描述

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

我发现周围很多人都在谈论“viewport”元标记,我决定试一试,但没有成功(测试了“width”、“initial-scale”和“target-densitydpi”)。

我的问题是:有没有办法让界面根据物理尺寸/屏幕密度(例如 Android 本机上的 dp 和 sp 参数)运行,以便这些元素在各种屏幕尺寸和密度中具有相似的实际尺寸?

4

1 回答 1

0

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

于 2013-11-09T20:07:06.150 回答