zoukankan      html  css  js  c++  java
  • postcss-pxtorem

      在vue项目中,使用rem进行布局,如果自己一个一个写样式会很麻烦,接下来介绍这种开发方式,配置rem,即可用 px 来开发,会自动帮我们转成rem 

      在 public 文件中,我们要引入rem.js 的插件

      然后在项目的根目录下创建 postcss.config.js 文件 , 这样配置一下

      module.exports = {
          plugins: {
            'autoprefixer': {
              overrideBrowserslist: [
                "Android 4.1",
                "iOS 7.1",
                "Chrome > 31",
                "ff > 31",
                "ie >= 8"
              ]
            },
            'postcss-pxtorem': {
              rootValue: 37.5,//结果为:设计稿元素尺寸/16,比如元素宽320px,最终页面会换算成 20rem
              propList: ['*']
            }
          }
      }
      好了之后,我们就可以使用 px 来开发了,他会自动帮我们做rem换算
  • 相关阅读:
    nginx 学习
    java 数组转字符串(以逗号分隔开)
    索引命名规范
    java常见的设计模式
    java中的堆、栈浅解。
    Oracle忘记System密码怎么办?
    端口被占用,怎么解决?
    Spring Mvc学习之路
    svg了解一下
    推荐几款基于vue的使用插件
  • 原文地址:https://www.cnblogs.com/shangjun6/p/13573526.html
Copyright © 2011-2022 走看看