إعداد 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

bun

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

import presetRemToPx from '@unocss/preset-rem-to-px'
import { defineConfig } from 'unocss'

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).