Unocss的预设中,1单位=0.25rem,也就是 1单位=4px。习惯了用 px 单位的人来说,心算成本太高了,使用起来就不是那么方便。有什么方法可以按照平时开发习惯来使用了?

# 推荐插件 @unocss/preset-rem-to-px

  1. 安装插件

yarn add @unocss/preset-rem-to-px -D

  1. unocss.config.js配置
import { defineConfig, presetAttributify, presetUno } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'

export default defineConfig({
  presets: [
    presetUno(),
    presetAttributify(),
    presetRemToPx({
      baseFontSize: 4 // 默认是16
    })
  ]
})