2015-12-03 47 views
0

我试图在自适应HTML页面中使用rem单元时,Android设备上出现了奇怪的结果。在任何设备上打开this fiddle时,我希望在警报消息中看到“640”。它适用于我的所有设备,除了显示832的平板电脑外。为什么?rem不是rem?

HTML:

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

CSS:

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

JS:

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

设备信息:

  • PRESTIGIO穆尔tiPad PMP5580C
  • 的Android 4.1.1
  • 内置浏览器应用程序
  • 屏幕分辨率:1024×768

回答

0

问题是由 “文本缩放” 浏览器的功能引起的。它被设定为130%。

Text scaling in Android browser