rem使用的方法

    技术2022-07-10  116

    标题

    移动端中关于rem的适配

    具体代码如下:

    const setHtmlFontSize=()=>{ const htmlDom = document.getElementsByTagName('html')[0]; let htmlWidth = document.documentElement.clientWidth||document.body.clientWidth; if(htmlWidth >=750){ htmlWidth = 750; } if(htmlWidth <=320){ htmlWidth = 320; } htmlDom.style.fontSize = `${htmlWidth/750}px`; // 后面需要加table键上面的那个字符(``),从$开始到px结束 //在750px的手机屏幕下,1rem=1px; } window.onresize = setHtmlFontSize; setHtmlFontSize();

    第一次写博客,有什么错误的地方欢迎大家指正,如果我的博客对你有帮助的话,给我点个关注吧!如有侵权地方,还请第一时间联系。

    Processed: 0.015, SQL: 9