rem初识

1:什么是rem?  rem,em,px的区别？
          rem是相对单位，rem的大小是基于html元素的大小；em也是相对单位，em大小是基于父元素的大小；px是绝对单位；

2:rem的适配？
          常见的适配方案：

                 1>伸缩布局   ---   flex

                  2>流式布局 ----百分比布局

                  3>响应式布局  ---媒体查询（超小屏设备时：流式布局）

                  4>rem适配---通过控制html上的字体大小来控制页面上所有以rem为单位的基准值，进而控制尺寸

         三者共同点是只能做宽度的适配（排除图片），不能做高度的适配

        通过rem来实现等比缩放---------宽度和高度都能适配即实现宽高自适应的适配效果

        rem适配时的注意事项：

                 1>把页面上的px单位转换成rem单位

                 2>页面制作的时候psd上量取的px转成rem使用

                 3>怎么计算？预设一个基准值，方便计算  如100px

                 4>适配的时候设置基准值

                 5>换算公式：rem基准值=预设基准值/设计稿宽度*当前设备的宽度

                  6>怎样实时换算对应的rem值：(!)js换算 (2)媒体查询（推荐使用，不影响页面加载）

 /*假设的设备320px 640px，来实现自动适配*/
    @media (min-width:320px) {
      html{
        font-size:50px;
      }
    }
    @media (min-width:640px){
      html{
        font-size:100px;
      }
    }

OK，这就是我关于rem知识的初步学习和认识，还需要不断的实践加深入学习呀