美文网首页
如何得心应手的使用rem进行移动端布局

如何得心应手的使用rem进行移动端布局

作者: laughing_club | 来源:发表于2019-11-07 10:41 被阅读0次
  • 编辑器:vscode

  • 插件:cssrem

  • 设置插件:在商店搜索cssrem时点击插件的设置-->配置扩展设置,有一项叫RootFontSize,可以看到默认值是16,我们将这个参数设置成设计稿宽度的十分之一,例如你的移动端设计稿是感觉iPhone 7的宽度来设置的,那么宽度为375px,我们就将Root Font Size设置为37.5,这样在写样式时当输入单位时就会自动转换为REM,

  • npm插件:amfe-flexible

  • 使用:安装好后再main.js中import一下就可以了(VUE项目)

    import 'amfe-flexible';

到这里准备工作就做好了,接下来就可以愉快的敲代码了,适配的问题就无需再付出精力了

相关文章

网友评论

      本文标题:如何得心应手的使用rem进行移动端布局

      本文链接:https://www.haomeiwen.com/subject/uifqmctx.html