当前位置 博文首页 > lllomh的博客：移动端初始化字体大小rem自适应

最大化 缩小

    lllomh的博客：移动端初始化字体大小rem自适应

    作者：[db:作者] 时间：2021-07-10 09:45

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

    ?

    cs
    上一篇：lllomh的博客：React中实现倒计时功能根据接口防止刷新
    下一篇：没有了