Android 4 に存在する device-width/height のバグ - メモ用紙

Android 4 では、メディアクエリで用いられる device-width/height の値が、通常の CSS ピクセルではなく、デバイスピクセルとして与えられるバグがある。そのため Xperia Z など高解像度のディスプレイを持つ端末で、広い画面のために設計されたスタイルシートが適用されるといった問題が発生する。 CSSピクセル 高解像度のディスプレイの登場により、CSS で指定したピクセル数をそのままディスプレイのピクセルに当てはめると、物理的なサイズが小さくなりすぎてしまう。たとえば 72 ppi のディスプレイでは、16 px の文字は 16 pt の大きさとして表示されるが、264 ppi の解像度を持つ iPhone 4/5 のディスプレイではわずか 4.36 pt と、ルビ程度の大きさになってしまう。 そこで「CSS ピクセル」という仮想的な値が考えられた。実際のピク