vue rem适配

vue项目需要用rem做项目响应式的时候，为了更好用px换算为rem

1.安装扩展cssrem

2.可以修改扩展的1rem默认多少px，默认的是16px

可以在设置修改默认值，我习惯iPhone6分辨率375，适配14px,将原来16改为14

3.在需要适配的里面加上css，这个是小尺寸320以下的分辨率页面html{默认值为12px,大于320的分辨率，页面html默认值为14px。当然可以按自己的需要改

@media all and (max-width:321px){
  html{font-size: 12px;}
}
@media all and (min-width:321px){
html{font-size: 14px;}
}

然后按自己的需求给px,会自动换算成rem，然后自己选择下面的，按回车就自动换算了。