移动端px转化为rem

Posted happybread

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端px转化为rem相关的知识,希望对你有一定的参考价值。

此知识点是在做APP是所用的,项目所用技术(ionic5/angular8),仅供参考!

getRem(pWidth): void {
 const htmlRoot = document.getElementsByTagName(‘html‘)[0];
 const oWidth = document.body.clientWidth || document.documentElement.clientWidth;
 htmlRoot.style.fontSize = oWidth / pWidth * 100 + ‘px‘;
}
pWidth:代表设计稿的宽度
100px=1rem

以上是关于移动端px转化为rem的主要内容,如果未能解决你的问题,请参考以下文章

60.Vue:将px转化为rem,适配移动端

vue中移动端适配

vue:将px转化为rem,适配移动端vant-UI等框架(postcss-pxtorem)

移动端适配rem

移动端 REM 适配

Vue移动端项目——Vant 移动端 REM 适配