在尝试使用 rem 单位进行自适应 HTML 页面时,我在 Android 设备上得到了奇怪的结果。在任何设备上打开此小提琴时,我希望在警报消息中看到“640”。除了显示 832 的平板电脑外,它在我的所有设备上都运行良好。为什么?
html:
<div id="div"></div>
CSS:
html {
font-size: 640px;
}
#div {
width: 1rem;
}
js:
$(window).load(alert($('#div').width()))
设备信息:
- Prestigio MultiPad PMP5580C
- 安卓 4.1.1
- 内置浏览器应用
- 屏幕分辨率:1024x768