rem字体怎么谷歌跟火狐不同

Question

图一

我设置的rem代码

/*-- 苹果5的分辨率 320×568 --*/
html{ font-size:20px; }
/*-- 小米2S的分辨率 360×640 --*/
@media only screen and (min-width: 360px){
    html { font-size: 22.475px !important; }
    }
/*-- 苹果6的分辨率 375×667 --*/
@media only screen and (min-width: 375px){
    html { font-size: 23.516px !important; }
    }
/*-- 苹果6Plus的分辨率 414×736--*/
@media only screen and (min-width: 414px){
    html { font-size: 25.95px !important; }
    }

谷歌显示的是214*86
图二

图二是火狐调试的，分辨率都是跟谷歌一样，为什么他的是240*96.6833，
不知道为什么这样，求大神们帮忙看下顺带解决，感激不尽。

Answer 1

chorme下字体大小最小为12px，1rem=12px，火狐下1rem=10px，在css里加-webkit-text-size-adjust:none; 试试

Answer 2

你可以用{display:block;transform:scale()}来缩小字体，至于原因楼上说了。不过他说的那个属性现在好像不支持了。