1

当我之前创建 PhoneGap 应用程序时,页面上呈现的图像无法正确显示在高 DPI 设备上。所以我为所有设备制作了固定像素比率的网页:1,而不考虑设备 DPI。但这会降低图像的清晰度。

我计划为我的新应用程序使用流体样式,而不是在 HTML 中使用特定的宽度和高度。但是,当我为 div(在 CSS 中)指定以 px 为单位的高度时,高度在不同设备中呈现不同。

有什么方法可以使 HTML 的比例以及 CSS 的宽度和高度相同?

是否有任何未知属性可以告诉 HTML 以不同的像素比率表现。

我正在使用 HTML 标签:

<meta name="viewport" id="viewport" content="width=device-width, target-densitydpi=device-dpi, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />

我想在 device-dpi 中呈现页面以避免清晰度降低。请提供您的想法。

4

1 回答 1

1

理想情况下,您应该避免使用像素并使用 em。例如:不要使用 16px,而是使用 1.1em 或任何与您的情况等效的值。这适用于我的 phonegap jquerymobile 应用程序

于 2012-09-06T05:18:57.767 回答