Rem 转 px 预设

¥Rem to px preset

将所有工具的 rem 转换为 px。

¥Converts rem to px for all utilities.

源代码

¥Source Code

安装

¥Installation

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

bun

bun add -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
  ],
})

用法

¥Usage

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

Without

.m-2 {
  margin: 0.5rem;
}

With

.m-2 {
  margin: 8px;
}

选项

¥Options

baseFontSize

• 类型：number

  ¥Type: number

• 默认：16

  ¥Default: 16

将 rem 转换为 px (1rem = n px) 的基本字体大小。

¥The base font size to convert rem to px (1rem = n px).