九.移动端适配方案

49 阅读1分钟
  • 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单位