移动端文字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);