rem自适应页面 safari chrome问题

当设置如下时：

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');
}