移动端适配之间的准备工作
amfe-flexible 动态设置rem基准值
1-安装配置的包npm I amfe-flexible
2-安装后在入口文件中进行加载 import ‘amfe-flexible’ 动态设置rem的基准值
设置PX转换为rem [行内样式不会进行转换为rem]
1安装 npm I postcss-poxtorem -D
2进行配置 根目录下创建 .postcssrc.js
具体的设置份数,需要根据UI的设计稿!,这里我以375PX的二倍图为例
postCss的介绍
一个处理CSS的工具,主要负责解析CSS代码,再交给插件进行处理,
他的插件非常的丰富:比如自动适配浏览器的声明前缀,让你的CSS可以适配低版本的浏览器,PX转换为rem
postCSS不是单独自己使用的,而是和已有的构建工具进行集成, VUE-cli中集成了 autoprefixer插件
移动端适配的问题
移动端的适配问题
1: 移动端手持设配的屏幕大小,屏幕密度都是不一样的,不可能为每一套设备写一套代码,自