2 つの大文字の 'T' をレンダリングしたいとします。両方とも正確に1 インチの高さです。1 つの「T」は Retina ディスプレイ (220 DPI、CSS ピクセル比 2) を搭載した Macbook Pro でレンダリングされ、もう 1 つは iPhone 4S (326 DPI、CSS ピクセル比 2) でレンダリングされます。これを行うために、Macbook Pro のフォント サイズを 220 / 2 = 110px に設定し、iPhone 4S のフォント サイズを 326 / 2 = 163px に設定しました。ただし、2 つの「T」はまだ同じサイズではありません。なんで？また、2 つの 'T' が物理的に同じサイズであることを確認するにはどうすればよいですか?
編集：はい、メディアクエリを使用しています。血みどろの詳細には入りたくありませんでしたが、CSS ピクセル比の使用に言及することでそれをほのめかしました。すべての場合において、何らかの方法でクライアント モニターの DPI と CSS のピクセル比を魔法のように取得できると仮定します。
あなたの洞察に感謝します！