Question

前端开发 如何解决Chrome浏览器1rem=10PX的方法

设置HTML字体大小是62.5% 测试一个DIV 样式为 width：1rem；height：1rem；border：1px solid red； 用iPhone6 窗口调试 盒子模型显示 盒子尺寸是宽12px长12px 边框1像素 如何解决 在谷歌浏览器中 10px=1rem ；

Answer 1

chrome中字体有最小限制，最小只能为12px，即当定义html{font-size:62.5%时} ,1rem=12px, 要解决这个问题，方法很多，简单的，定义html{font-size:625%}就行了，1rem=100px,这样子便于计算，同时不会有谷歌字体大小限制的问题...

Answer 2

rem是以html标签font-size定义rem的宽度

html{
    font-size:62.5%
}

然后就可以了

Answer 3

html{
font-size:12px;
-webkit-transform:scale(0.7);
}
header{
font-size: 1rem; /* ==>10px*/
/*-webkit-text-size-adjust: none;*/
}