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 presetRemToPx from '@unocss/preset-rem-to-px'
import { defineConfig } from 'unocss'

export default defineConfig({
  presets: [
    presetRemToPx(),
    // ...other presets
  ],
})

用法

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

未使用

.m-2 {
  margin: 0.5rem;
}

已使用

.m-2 {
  margin: 8px;
}

選項

baseFontSize

• 類型： number
• 預設值： 16

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