likes
comments
collection
share

移动端封装项目弃用lib-flexible用post-css-to-viewport

作者站长头像
站长
· 阅读数 34
  1. 今天在改一个封装库项目的时候看到项目中有引入lib-flexible,想一探究竟!
  2. 上网查了下,由于viewport单位得到众多浏览器的兼容,lib-flexible这个过渡方案已经可以放弃使用,不管是现在的版本还是以前的版本,都存有一定的问题。建议大家开始使用viewport来替代此方。
  3. 大概操作就是这样,但是依旧有坑不知为何我的这样配置不生效,下面贴上我自己的配置。https://www.cnblogs.com/zhangnan35/p/12682925.html
  4. .postcssrc.js
// https://github.com/michael-ciniawsky/postcss-load-config

module.exports = {
  "plugins": {
    "autoprefixer": {},
    "postcss-px-to-viewport": {
      "viewportWidth": 375,
      "viewportHeight": 667,
      "unitPrecision": 5,
      "viewportUnit": "vw",
      "selectorBlackList": [],
      "minPixelValue": 1,
      "mediaQuery": false
    }
  }
}
转载自:https://segmentfault.com/a/1190000038464368
评论
请登录