图一
我设置的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,
不知道为什么这样,求大神们帮忙看下顺带解决,感激不尽。
你可以用{display:block;transform:scale()}来缩小字体,至于原因楼上说了。不过他说的那个属性现在好像不支持了。
chorme下字体大小最小为12px,1rem=12px,火狐下1rem=10px,在css里加-webkit-text-size-adjust:none; 试试