uniapp开发使用哪种单位

1. uniapp介绍

Uniapp是基于Vue.js开发的一套前端框架，它可以方便地使用一套代码发布到多个平台，如H5、iOS、Android、小程序等。

uniapp是一款跨平台的开发框架，可以省去开发者繁琐的多端适配工作，提高开发效率和维护效率。

2. uniapp开发使用的单位

在uniapp中，开发者可以使用px单位，也可以使用rpx单位。px是固定的像素单位，而rpx是相对长度单位，它可以根据屏幕自适应调整大小。

2.1 px单位

在使用px单位时，开发者需要根据不同的设备分辨率进行适配。例如，如果设计稿的宽度是750px，而我们的设备宽度是375px，那么开发者需要将设计稿上的尺寸(如字体大小、间距等)除以2。此外，因为不同设备的dpi(dots per inch)不同，导致显示的尺寸不同，因此不同设备之间的适配难度会更大。

//使用px单位
.container{
  width: 750px;
  font-size: 32px;
  margin: 10px;
}
//适配不同尺寸的设备，需要根据不同的设备分辨率进行换算
@media screen and (max-width: 375px){
  .container{
    width: 375px;
    font-size: 16px;
  }
} 
        

2.2 rpx单位

rpx是微信小程序中的相对单位，它可以根据屏幕自适应调整大小，而且在多端开发中也可以使用。

在uniapp中，可以将设计稿的宽度除以750，得到一个比例，然后将这个比例乘上需要的尺寸，就可以得到以rpx为单位的尺寸值。例如，设计稿上一个元素的宽度是150px，那么在uniapp中，宽度可以写成150/750*100vw=20vw。

//使用rpx单位
.container{
  width: 100rpx;
  font-size: 32rpx;
  margin: 20rpx;
}
//不需要适配不同尺寸的设备，只需要写一份代码即可
        

3. rpx与px的区别

rpx是相对长度单位，可以根据屏幕自适应调整大小；而px是固定的像素单位，不可以自适应调整大小。

例如，在iPhone 6的375px屏幕上，设计师需要将字体大小设置为32px，而在iPhone X的1125px屏幕上，同样的字体大小看起来会更小。而使用rpx单位，字体大小会根据屏幕大小做相应的调整，可以保证在不同分辨率的设备上都有较好的显示效果。

4. 总结

在uniapp开发中，采用rpx单位进行开发可以大大提高开发效率和维护效率，同时也可以保证在不同分辨率的设备上都有较好的显示效果。