移动适配的几种方案

在PC端，1个CSS像素往往都是对应着电脑屏幕的1个物理像素。

而在移动端，由于retina视网膜屏幕的出现，逻辑像素和物理像素不再只是1:1，所以要适应不同尺寸的设备，需要比pc端多做适配方案。

1. 百分比+固定高度适配
   

   .box{
   overflow:hidden  //形成bfc，浮动参与计算
   }
   .item{
   height:40px;
   width:25%; 
   box-sizing:border-box;
   border:1px solid #09a;
   float:left
   }

   需要媒体查询设置字体大小
   水平也可以弹性布局
   
   
2. rem解决方案
   rem取值根据dpr大小动态改变 **dpr（devicePixelRatio）：设备像素比
   rem取值：1rem=100px或者1px=1/10
   chrome浏览器font-size小于12px时，会被重置为12px

网易淘宝的做法：rem

rem结合媒体查询

js监听控制

百分比自适应