以前创建PhoneGap应用程序时，页面上呈现的图像无法在高DPI设备上正确显示。因此，我为所有设备制作了固定像素比为1的网页，而没有考虑设备DPI。但这会降低图像的清晰度。
我计划为我的新应用程序使用流体样式，而不是在HTML中使用特定的宽度和高度。但是当我在px中为div指定高度（在CSS中）时，高度在不同设备中呈现的方式不同。
有没有办法让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中渲染页面以避免降低清晰度。请提供您的想法。
答案 0 :(得分：1)
理想情况下，您应该避免使用像素并使用em。例如：代替16px，使用1.1em或任何等同于你的情况。这适用于我的phonegap jquerymobile应用程序