雷姆不是雷姆？

Question

我在尝试将 rem 单元用于自适应 HTML 页面时在 Android 设备上得到了奇怪的结果。在任何设备上打开 this fiddle 时，我希望在警报消息中看到“640”。它在我的所有设备上都运行良好，但平板电脑除外，它显示 832。为什么？

html:

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

css:

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

js:

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

设备信息：

• Prestigio MultiPad PMP5580C
• Android 4.1.1
• 内置浏览器应用程序
• 屏幕分辨率：1024x768

Answer 1

问题是由 "Text scaling" 浏览器功能引起的。它被设置为 130%。