px2rem vite 

 1 // vite.config.js
 2 
 3 import postcssPluginPx2rem from 'postcss-plugin-px2rem' 
 4 
 5 export default defineConfig({
 6     css: {
 7         postcss: {
 8             plugins: [
 9                 postcssPluginPx2rem({
10                     rootValue: 50, // 默认100，根据实际情况来
11                     unitPrecision: 5, // 精度控制
12                     mediaQuery: false, // 媒体查询中是否转换
13                     minPixelValue: 2, // 被转换的最小值，默认0
14                     propWhiteList: [], // 白名单
15                     propBlackList: [], // 黑名单
16                     selectorBlackList: [], 
17                     exclude: false, // 可以是正则，默认false
18                 }),
19             ],
20         },
21     },
22 })

 

html,
body {
    font-size: calc(100vw / 25);
}

 

posted @ 2024-01-31 09:17  yuhui_yin  阅读(106)  评论(0)  编辑  收藏  举报