uni-app HbuilderX px转rem提示设置无效

uni-app HbuilderX px转rem提示设置无效

操作步骤:

  • css中使用px单位

预期结果:

  • 提示转换rem单位

实际结果:

  • 未提示

bug描述:

bug描述

信息
产品分类 HbuilderX
PC开发环境操作系统 Windows
PC开发环境操作系统版本号 win10
HBuilderX版本号 3.3.4

更多关于uni-app HbuilderX px转rem提示设置无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html

3 回复

确实存在

更多关于uni-app HbuilderX px转rem提示设置无效的实战教程也可以访问 https://www.itying.com/category-93-b0.html


确实设置完无效

在HBuilderX 3.3.4版本中,px转rem提示功能需要正确配置才能生效。根据您提供的信息,问题可能出在以下方面:

  1. 未开启转换功能:请检查是否在HBuilderX设置中启用了px转rem。路径为:工具 → 设置 → 编辑器设置 → 代码提示 → 启用px转rem提示。

  2. 缺少配置文件:确保项目根目录下存在 postcss.config.js 文件,并正确配置了 postcss-rem-transform 插件。示例配置如下:

module.exports = {
  plugins: {
    'postcss-rem-transform': {
      remUnit: 37.5, // 设计稿基准值,通常为1rem=37.5px
      remPrecision: 6
    }
  }
}
回到顶部