ピクセル比は常に 1 または 2 であり、ターゲット dpi は常にピクセル/比率であるため、iOS は簡単です。ただし、Android では、ピクセル比に 1.3、1.5、場合によっては 2.25 が使用されます。Androidデバイスのターゲットdpiをピクセル/比率に設定する方法はわかりませんが、これは簡単な修正ですが、物理ピクセル数がディップの奇数倍であるディスプレイのピクセル不完全なソリューションを想像しています数 (1.3 や 1.5 など)。
現在、私は基本的に各のcssを作成しており、値にその比率を手動で-webkit-min-device-pixel-ratio掛けているだけです（丸めをわずかに調整しています）。pxsを使用emすると、フォントやその他のいくつかの点でうまく機能しますがpx、半分、空、またはオーバーラップするピクセルが必要ない場合は、要素の配置とサイズ変更に s を使用する必要があります。
これを行うより良い方法はありますか？
そうでない場合、背景画像を処理する最良の方法は何ですか。background-sizefor eachを変更しているという理由だけで、各比率のすべてのアイコンのすべての背景位置を書き直す必要は本当にありませんdevice-pixel-ratio。