本文分享了一位开发者在使用uniApp和vue3框架开发h5移动端页面时的经验。针对ui设计，选择了1px=2rpx的比例，并注意到upx可能被弃用，转而使用h5rpx和rem。在开发过程中遇到了一些挑战，通过调整编辑器设置解决了转换比例的问题，强调了理解px、rpx和rem的区别对于顺利开发的重要性。
项目要求开发h5移动端页面，查看了后续可能会出现的ui设计。不选择使用原生写法写h5，选择了uniApp+vue3来开发h5，高效简洁。由于第一次使用uniApp开发h5，所以挺多坑和报错。
在h5移动端中，结合老ui 来大概估计，选择1px = 2rpx。官网提示upx后期可能会弃用，而h5rpx会转换为rem。所以，在开发配置中配置好转化比例就行了
手动打开 工具-设置 或者使用ctrl+alt+，打开
这个是我设置的比例，具体根据项目的ui进行换算，换算方法在编辑器中也写得很清楚。当然前提是需要有理解 px rpx rem 的区别和使用的知识点
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
