移动端rem计算

rem他是一个相对单位,是根据根元素(html)的字体大小进行计算的。比如html的font-size = 16px;那1rem就等于16px;

正常的设计图一般都是750px。只要把字体大小设置为100px。那么10px就等于0.1rem

如果实际屏幕比设计图的屏幕小,那这样的话就是rem就得从新计算,这样才能方便。

计算公式为:字体大小 = 750/实际宽度*100

 

function remcount(str){

  document.getElementsByTagName('html').style.fontSize = 750/str*100 +'px';

}

posted @ 2020-03-23 18:12  洗白白的佐助  阅读(1082)  评论(0编辑  收藏  举报