移动端初始化字体大小rem自适应

移动端文字rem用法实际案例,rem并不能直接使用,需要实时改变html的大小才行!

//初始化字体大小
function setRem() {
    var windowWidth = $(window).width();
    if (windowWidth > 414 && windowWidth < 414) windowWidth = 414; // 设计稿设计宽度是 414
    var fs = windowWidth / 414 * 6.25 * 100 ;  //1rem = 100px;
    $("html").css("font-size", fs + '%');   //html默认字体16px 16 * 625% = 100px;
};
setRem();
$(window).resize(setRem);