响应式布局解决方案

1.px与自适应   
  // 设置布局视口为理想视口时
  1 CSS像素 = 物理像素／分辨率
  PC端： 1 CSS像素 = 物理像素／分辨率 = 750 ／ 980 =0.76 px
  iphone6：1 CSS像素 = 物理像素 ／分辨率 = 750 ／ 375 = 2 px
  
2.媒体查询
@media screen and (max-width: 960px){
    body{
      background-color:#FF6699
    }
}

@media screen and (max-width: 768px){
    body{
      background-color:#00FF66;
    }
}

3.百分比
.child{
    width:50%;
    height:50%;
}

4.rem
function refreshRem() {
    var docEl = doc.documentElement;
    var width = docEl.getBoundingClientRect().width;
    var rem = width / 10;
    docEl.style.fontSize = rem + 'px';
    flexible.rem = win.rem = rem;
}
win.addEventListener('resize', refreshRem);

--rem2px和px2rem--
--postcss-loader--

5.vw/vh实现
1px = （1/375）*100 vw

6.postcss-px-to-viewport可以自动将px转化成vw