最近做项目,发现同事使用了css库-unocss,看了文档没有发现简写的规律,后来才知道可以借鉴 tailwind 文档。
相关文档
vsocde开发
安装插件 UnoCSS、To Unocss
单位
unocss默认使用rem为单位,根字体默认为font-size 16px
则:1px 代表 0.25rem,16px 则代表 4rem
可以使用 @unocss/preset-rem-to-px 插件 将rem转化为px
import { defineConfig } from 'unocss'
import presetRemToPx from '@unocss/preset-rem-to-px'
export default defineConfig({
presets: [
presetRemToPx({
baseFontSize: 4
}),
],
})
//1px 则代表 1rem