Vant移动端适配

山治有个温暖的心

已于 2022-09-28 21:18:07 修改

阅读量652

点赞数 1

文章标签： javascript 前端 vue.js

于 2022-09-27 14:07:39 首次发布

本文链接：https://blog.csdn.net/weixin_43502808/article/details/127068675

版权

yarn add postcss postcss-pxtorem -D

postcss.config.js

module.exports = {
  plugins: {
    // postcss-pxtorem 插件的版本需要 >= 5.0.0
    'postcss-pxtorem': {
      rootValue({ file }) {
        return file.indexOf('vant') !== -1 ? 37.5 : 75;
      },
      propList: ['*'],
    },
  },
};

flexible/index.js

(function flexible (window, document) {
  var docEl = document.documentElement
  var dpr = window.devicePixelRatio || 1

  // adjust body font size
  function setBodyFontSize () {
    if (document.body) {
      document.body.style.fontSize = (12 * dpr) + 'px'
    }
    else {
      document.addEventListener('DOMContentLoaded', setBodyFontSize)
    }
  }
  setBodyFon