最近做項目，發(fā)現(xiàn)同事使用了css庫-unocss，看了文檔沒有發(fā)現(xiàn)簡寫的規(guī)律，后來才知道可以借鑒 tailwind 文檔。

相關(guān)文檔

unocss中文官網(wǎng)
tailwind中文官網(wǎng)

vsocde開發(fā)

安裝插件 UnoCSS、To Unocss

單位

unocss默認使用rem為單位，根字體默認為font-size 16px
則：1px 代表 0.25rem，16px 則代表 4rem
可以使用 @unocss/preset-rem-to-px 插件 將rem轉(zhuǎn)化為px

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

export default defineConfig({
  presets: [
    presetRemToPx({
      baseFontSize: 4
    }),
  ],
})

//1px 則代表 1rem