移动端文字字号解决方案

在head部分加入禁止浏览器以及用户缩放的代码。

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, user-scalable=no”/>…</head>

写入css样式

/*iphone6 plus字体缩放比*/

html{
font-size: 62.5%;
}

/*iphone6字体缩放比*/

@media screen and (max-width: 375px) {
html{
font-size: 58.87%;
}
}

/*iphone4/5字体缩放比*/

@media screen and (max-width: 320px) {
html{
font-size: 48.625%;
}
}

设计图缩成宽度414px（iphone6plus的大小）量得的字号（单位px）再除以10.得到值即单位为rem的值。