rem

我理解的rem

查了不少资料。rem到底是什么个单位。不少文章解释他是由根元素html决定的。和其余父元素无关

稀里糊涂的写一下个人理解。对与否请你们指教

浏览器默认的字体大小都是16px;因此1rem = 16px; 如何说计算简便的话1rem = 10px是怎么计算呢？ 16/100 = 10/x ，那么x = 62.5%;

因此font-size:62.5%;这样1rem = 10px;如此说来若是说定义边距margin:20px; 的话。margin:20px/10px = 2rem;

若是真的用到项目中。确定要配合js这样才完美

onresize();意思是屏幕改变就调用这个函数

 

window.onload = function(){

  var html = document.documentElement;

  var screen= html.clientWidth;

  function onload(){

   if(screen <= 320){

                 html.style.fontSize = '51.2px';   

            }else if(screen >= 640){

                  html.style.fontSize = '102.4px';  

            }else{

                  html.style.fontSize=0.16*screen+'px';  

            }

 

   }

 

onload()

window.onresize = function(){

onload()

}

}