- rem布局
- 原理:所有的尺寸单位都是rem,它是一个相对单位,相当于html中的font-size。我们通过js根据屏幕的宽度来设置html中font-size的大小,来进行等比例缩放
- 插件:用到了两个插件
- postcss-pxtorem(用于将px单位转化为rem单位)
- lib-flexible
- vw布局/viewport布局
- 原理:把视图分成100份,1vw就是视图宽度的百分之一,1vh就是视图高度的百分之一。一般用来做移动端适配
- 插件:postcss-px-to-viewport 可以实现将px转化为rem单位