一、移动端适配方案
1.px单位固定单位 rem单位-相对单位 em-相对单位 vh-屏幕高度的100分之一 vw-屏幕宽度的一百分之一
2.屏幕查询
amfe-flexible.js
这个插件可以帮助我们自动把把当前的屏幕宽度都可以分成10份 其中设置1份为1rem
这个插件需要写rem单位 但是美工给的设计稿是px单位 那我们需要去计算、转换单位 这不利于编写和维护
所以我们需要一个插件 就是我们写的px单位 但是项目打包工程中 自动把px单位转为rem单位
vant2官网网址:Vant 2 - Mobile UI Components built on Vue
插件下载:
在和src平级的位置新建postcss.config.js文件 复制代码: