【VUE】vant-ui 浏览器适配 rem viewPort

vant 浏览器适配 vant-ui

vant组件 及设置的px  自动转化为自适应单位  行内样式不生效

Viewport 布局

Vant 默认使用 px 作为样式单位，如果需要使用 viewport 单位 (vw, vh, vmin, vmax)，推荐使用 postcss-px-to-viewport 进行转换。npm install postcss-px-to-viewport

postcss-px-to-viewport 是一款 PostCSS 插件，用于将 px 单位转化为 vw/vh 单位。

PostCSS PostCSS 示例配置

下面提供了一份基本的 PostCSS 示例配置，可以在此配置的基础上根据项目需求进行修改。

如果项目中有.postcssrc.js 文件 及修改.postcssrc.js内的代码

// https://github.com/michael-ciniawsky/postcss-load-config

module.exports = {
  "plugins": {
    "postcss-import":