0
点赞
收藏
分享

微信扫一扫

nuxt+vant适配问题

云上笔记 2022-02-08 阅读 18

vant官方给的两种方式:

  1. Vant 默认使用 px 作为样式单位,如果需要使用 viewport 单位 (vw, vh, vmin, vmax),推荐使用 postcss-px-to-viewport 进行转换。
  2. 如果需要使用 rem 单位进行适配,推荐使用以下两个工具:
  • postcss-pxtorem 是一款 PostCSS 插件,用于将 px 单位转化为 rem 单位
  • lib-flexible 用于设置 rem 基准值

我用的第一种。(因为第二种设置,我搞的一团糟,不会用,是我的问题,太垃圾了)

 build: {
    postcss:[
      require("postcss-px-to-viewport")({
        viewportWidth: 375,
      }),
    ],
  }

根据375px进行适配,所有组件也都设置了宽度375px,但还是有时候回出现一点横向滚动条

前端适配问题真难搞

举报

相关推荐

0 条评论