当我之前创建 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 中呈现页面以避免清晰度降低。请提供您的想法。