当我之前创建 PhoneGap 应用程序时,页面上呈现的图像无法在高 DPI 设备上正确显示。所以我在不考虑设备 DPI 的情况下为所有设备制作了具有固定像素比的网页:1。但这会降低图像的清晰度。
我计划为我的新应用程序使用流体样式,而不是在 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" />
我想在设备 dpi 中呈现页面以避免降低清晰度。请提供您的想法。
最佳答案
理想情况下,您应该避免使用像素并使用 em。例如:不要使用 16px,而是使用 1.1em 或任何适合您情况的等效值。这适用于我的 phonegap jquerymobile 应用程序
关于android - Phonegap Android 像素比问题 - 图像、页面宽度不可靠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12293298/