Rem 转 px 预设
将所有工具类的 rem 转换为 px。
安装
bash
pnpm add -D @unocss/preset-rem-to-px
pnpm add -D @unocss/preset-rem-to-px
bash
yarn add -D @unocss/preset-rem-to-px
yarn add -D @unocss/preset-rem-to-px
bash
npm install -D @unocss/preset-rem-to-px
npm install -D @unocss/preset-rem-to-px
ts
// uno.config.ts
import { defineConfig } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'
export default defineConfig({
presets: [
presetRemToPx()
// ...other presets
]
})
// uno.config.ts
import { defineConfig } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'
export default defineConfig({
presets: [
presetRemToPx()
// ...other presets
]
})
使用
html
<div class="m-2"></div>
<div class="m-2"></div>
css
.m-2 {
margin: 0.5rem;
}
.m-2 {
margin: 0.5rem;
}
css
.m-2 {
margin: 8px;
}
.m-2 {
margin: 8px;
}
Options
baseFontSize
- Type:
number
- Default:
16
用于将 rem 转换为 px 的基础字体大小(1rem = n px
)。