vue3 vite postcss-pxtorem移动端适配
时间: 2023-11-15 20:00:16 浏览: 549
vue3移动端适配的解决方案(老方案)
移动端适配是一个常见的问题,而使用postcss-pxtorem可以将px单位转换为rem单位,从而实现移动端适配。在Vue3中,可以使用Vite作为构建工具,同时使用postcss-pxtorem插件进行转换。具体配置可以在vite.config.js或vite.config.ts中进行,需要引入autoprefixer和postcss-pxtorem插件,并设置相应的参数,例如rootValue表示设计稿宽度除以10,propList表示需要转换的属性,selectorBlackList表示需要过滤的选择器。同时,如果使用了第三方UI库,需要设置exclude或selectorBlackList来忽略对其样式的转换。
阅读全文