0

アダプティブ HTML ページに rem ユニットを使用しようとすると、Android デバイスで奇妙な結果が得られます。任意のデバイスでこのフィドルを開くと、警告メッセージに「640」が表示されると思います。832 と表示されるタブレット PC を除いて、すべてのデバイスで問題なく動作します。なぜですか?

html:

<div id="div"></div>

CSS:

html {
  font-size: 640px;
}
#div {
  width: 1rem;
}

js:

$(window).load(alert($('#div').width()))

デバイス情報：

  • プレスティジオ マルチパッド PMP5580C
  • アンドロイド 4.1.1
  • ビルトインブラウザアプリ
  • 画面解像度: 1024x768
4

1 に答える 1