使用rem作为单位,浏览器默认body{font-size:16px},谷歌最小字体12px,解决
html{-webkit-text-size-adjust:none;},但27版本取消了对这个属性的支持
现在{fotn-size:12px;-webkit-transform:scale(0.9)};
@media screen and (min-width:320px) {
body{font-size:75%;}
}
@media screen and (min-width:375px) {
body{font-size:87.5%;}
}
@media screen and (min-width:480px) {
body{font-size:87.5%;}
}
@media screen and (min-width:540px) {
body{font-size:112.5%;}
}
@media screen and (min-width:550px) {
body{font-size:125%;}
}
@media screen and (min-width:640px) {
body{font-size:150%;}
}
待补充