android - 高解像度ディスプレイでのフラクショナル CSS ピクセル サイズ

Question

(私はこれを既に見ました。これが重複しているとは思いません: CSS 幅の小数点以下の桁数は尊重されますか? )

オブジェクトのサイズを次のように設定します。

.foo {
  height: 10.5px;
  width: 10.5px;
}

通常、それは切り捨てられます。半ピクセルは使用できません。

とはいえ、最新の Nexus 7 は 320dpi で、Android デバイスの CSS ピクセルは 160dpi と定義されています。10x10 ピクセルの画像は、Nexus 7 では 100 ピクセルではなく 400 ピクセルを使用して描画されます。

では、ピクセル密度の高いデバイス (window.devicePixelRatio > 1.0 のデバイス) では、小数ピクセルは有用ですか、それとも単に破棄されるのでしょうか?

（ありがとう！）

やや現実的な例については、編集してください。

私はMacBook Retinaを持っています。21x21 px の画像ファイルがあります。これを再スケーリングせずに網膜に表示したい。ファイル内の各ピクセルを画面上の 1 ピクセルに対応させたい。CSS ピクセルはハードウェア ピクセルにリンクされていません。CSS の 1 ピクセルは、Retina ディスプレイまたは Nexus 7/10 の 4 ピクセル (幅 2、高さ 2) に対応します。

画像の正確なサイズを指定できるようにして、サイズが変更されないようにし、画像が読み込まれるとページがリフローしないようにしたいと考えています。これを行うには、画像を 11x11 に設定された div に入れ、画像を 100% として表示しますが、それは余分な div を追加することであり、私はページ サイズについてタッチ OCD です。