---
url: https://unocss.zhcndoc.com/presets/rem-to-px.md
description: 为工具转换 rem 到 px（@unocss/preset-rem-to-px）。
---

# Rem 转 px 预设

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

[源代码](https://github.com/unocss/unocss/tree/main/packages-presets/preset-rem-to-px)

## 安装

::: code-group

```bash [pnpm]
pnpm add -D @unocss/preset-rem-to-px
```

```bash [yarn]
yarn add -D @unocss/preset-rem-to-px
```

```bash [npm]
npm install -D @unocss/preset-rem-to-px
```

```bash [bun]
bun add -D @unocss/preset-rem-to-px
```

:::

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

export default defineConfig({
  presets: [
    presetRemToPx(),
    // ...其他预设
  ],
})
```

## 用法

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

::: code-group

```css [无]
.m-2 {
  margin: 0.5rem;
}
```

```css [有]
.m-2 {
  margin: 8px;
}
```

:::

## 选项

### baseFontSize

* **类型:** `number`
* **默认:** `16`

用于将 rem 转换为 px 的基本字体大小（`1rem = n px`）。