Rem 轉 px 預設

將所有實用工具中的 rem 轉換為 px。

源代碼

安裝

pnpm

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

yarn

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

npm

npm install -D @unocss/preset-rem-to-px

// uno.config.ts
import { defineConfig } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'

export default defineConfig({
  presets: [
    presetRemToPx(),
    // ...其他預設
  ],
})

使用

<div class="m-2"></div>

不使用

.m-2 {
  margin: 0.5rem;
}

使用

.m-2 {
  margin: 8px;
}

選項

baseFontSize

• 類型： number
• 默認值： 16

用於將 rem 轉換為 px 的基礎字體大小（1rem = n px）。