移动端适配不同手机 rem布局

rem布局

动态设置html的font-size

document.documentElement.style.fontSize = document.documentElement.clientWidth / 6.4 + 'px';

此处的6.4是根据设计稿  如果是750 的  就除以7.5     计算尺寸就是： 尺寸/100 rem

部分元素字体大小可能需要额外的媒体查询

@media screen and (max-width:321px){
    .m-navlist{font-size:15px}
}

@media screen and (min-width:321px) and (max-width:400px){
    .m-navlist{font-size:16px}
}

@media screen and (min-width:400px){
    .m-navlist{font-size:18px}
}