当设置如下时:
html{
font-size: 10px;
}
safari可以正常显示,而chrome除了字体用rem正常显示外 其他都会以12px 为基准
因为 chrome 默认最低为12px
并且-webkit-text-size-adjust:none; 在chrome27.0 以上版本无效;
所以必须设置如下
html{
font-size: 100px;
}
或者
html{
font-size: 625%;
}
想要全尺寸都显示一样的页面,以bootstrap为例,临界宽度为1170px
var $w = $(window).width();
if($w<1170){
$('html').css('font-size',($w/1170*100).toFixed(1) + 'px');
}else{
$('html').css('font-size','100px');
}