以前にPhoneGapアプリケーションを作成したとき、ページにレンダリングされた画像が高DPIデバイスで正しく表示されません。そこで、デバイスのDPIを考慮せずに、すべてのデバイスで1の固定ピクセル比でWebページを作成しました。ただし、これにより画像の鮮明さが低下します。
新しいアプリには流動的なスタイルを使用し、HTMLでは特定の幅と高さを使用しないことを計画しました。しかし、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でページをレンダリングしたいと思います。親切にあなたのアイデアを提供してください。