本文主要是介绍uniapp 单位rpx ,设计稿尺寸px处理方式,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
1.使用postcss-px2rpx 插件做全局的单位转换
npm install postcss-px2rpx -D
npm 安装
2.postcss.config.js修改
module.exports = {plugins: {'postcss-px2rpx': {// 设计稿宽度,默认750designWidth: 750,// 需要转换的最小像素值,默认1pxminPixelValue: 1,// 转换的精度,默认5decimalPlaces: 5}}
}
3.配置好后就可以直接在css文件中用px单位
这篇关于uniapp 单位rpx ,设计稿尺寸px处理方式的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!