Unocss的预设中,1单位=0.25rem,也就是 1单位=4px。习惯了用 px 单位的人来说,心算成本太高了,使用起来就不是那么方便。有什么方法可以按照平时开发习惯来使用了?
# 推荐插件 @unocss/preset-rem-to-px
- 安装插件
yarn add @unocss/preset-rem-to-px -D
- 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
})
]
})