编辑器:vscode
插件:cssrem
设置插件:在商店搜索cssrem时点击插件的设置-->配置扩展设置,有一项叫RootFontSize,可以看到默认值是16,我们将这个参数设置成设计稿宽度的十分之一,例如你的移动端设计稿是感觉iPhone 7的宽度来设置的,那么宽度为375px,我们就将Root Font Size设置为37.5,这样在写样式时当输入单位时就会自动转换为REM,
npm插件:amfe-flexible
-
使用:安装好后再main.js中import一下就可以了(VUE项目)
import 'amfe-flexible';
到这里准备工作就做好了,接下来就可以愉快的敲代码了,适配的问题就无需再付出精力了