移動端 postcss-pxtorem插件使用

yarn add postcss-pxtoremjavascript

vue.config.js配置  
 loaderOptions: {
    postcss: {
      plugins: [
        require('postcss-pxtorem')({
          rootValue: 50, // vant用的是375設計
          propList: ['*'],
        })
      ]
    }
  }
 
<!-- 設置 rem 大小:1rem = 100px,使用 750px 設計稿 -->  這裏須要在public文件下的index.html 添加配置
    <script>
      ;(function() {
        var f = function() {
          document.documentElement.style.fontSize =
            document.documentElement.clientWidth / 7.5 + 'px'
        }
        f()
        window.addEventListener && window.addEventListener('resize', f, false)
      })()
    </script>
相關文章
相關標籤/搜索