名词解释：

px像素。相对长度单位。像素px是相对于显示器屏幕分辨率而言的。PC端用比较多的。

em是相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置，则相对于浏览器的默认字体尺寸，想对于父级别。
rem是相对的只是HTML根元素。


rem和px的换算关系：

1rem=html的font-size；html的font-size没有改动过，默认是1rem=16px

实施rem方案：

1.确定设计稿尺寸，375倍数还是320倍数；

2.在公共js中添加方法:

  1. var doc=document.documentElement;//减少dom操作
  2. resize(){
  3.     //获取dom文档宽
  4.     var clientWidth=doc.clientWidth,
  5.         htmlFontSize=doc.style.fontSize;
  6.         //动态改变html的font-size,以320为例
  7.         if(clientWidth<320){//设置边界值以防万一
  8.             htmlFontSize=‘100px’;
  9.         }else(){
  10.             htmlFontSize=clientWidth/320*100+'px';
  11.         }
  12. }
  13. //检测屏幕尺寸变化同步font-size，如横竖屏切换时触发
  14. window.onresize=function(){
  15.     resize()
  16. }；
  17. //页面初始化时触发
  18. resize()

3.css中所有的样式单位为rem，包括文字的大小，换算关系如下：
如：设计稿尺寸为640，font-size为20px，那么所有尺寸除以2，
{width:3.2rem;font-size:0.1rem;}
如：设计稿尺寸为320，font-size为20px，那么body{width:3.2rem;font-size:0.2rem;}
如：设计稿为375,那么resize()方法中的320要换成375,css写成body{width:3.75rem;font-size:0.2rem}