uniapp中rpx、px、em、rem、%、vh、vw的区别是什么_uniapp vw

rpx、px、em、rem、%、vh、vw的区别主要体现在定义和特性上。以下是它们的具体区别：

1. rpx：rpx是微信小程序官方推出的新单位，适用于移动端的uni-app或者微信小程序的开发。可以根据屏幕宽度进行自适应，1rpx实际上等于相对于屏幕宽度的1物理像素。
2. px：px即像素，1px代表屏幕上的一个物理像素点，是web开发中最常用的像素单位。
3. em：em是相对单位，参照物是父元素的font-size字体大小，具有继承的特点。如果自身定义了font-size属性那么就会按照自身来计算，都没有设置的话，就会按照当前所有浏览器或者设备的默认文字大小来计算调整。
4. rem：rem是CSS3中推出的新单位，参照物是根元素的字体大小。rem单位在网页布局中得到了广泛应用，因为它允许开发者根据用户的设备屏幕尺寸来调整元素的尺寸，从而实现响应式设计。
5. %：百分比单位，相对单位，根据父元素的尺寸来计算自身的尺寸。
6. vh：视窗高度单位，1vh等于视窗高度的1%。
7. vw：视窗宽度单位，1vw等于视窗宽度的1%。

在选择rpx、px、em、rem、%、vh和vw这些长度单位时，需要根据具体的使用场景和需求进行选择。以下是关于这些单位的一些建议：

1. 移动端开发：对于移动端的开发，rpx是一个非常实用的单位，因为它可以根据屏幕宽度自适应，确保在不同设备上呈现的效果一致。px也是常用的单位，特别是在一些特定的移动端布局中。
2. 响应式设计：在实现响应式布局时，vh和vw是非常有用的单位，它们可以根据视口的高度和宽度进行自适应，使页面在不同设备上都能良好地显示。
3. 字体大小设置：em和rem是用于设置字体大小的常用单位，em相对于父元素的字体大小，而rem相对于根元素或html元素的字体大小。
4. 兼容性考虑：由于px是web开发中最常用的像素单位，如果只是制作pc端网站的话，px就可以满足了。

总之，在选择长度单位时，需要考虑具体的使用场景、设备的特性以及页面的响应式设计需求。根据需要呈现的效果和页面的兼容性需求进行选择。

1. 设计需求和目标设备：对于网页设计，可以根据常见屏幕分辨率和设备类型选择合适的单位，如使用px来精确控制元素的尺寸和位置。对于移动应用开发，可以使用rpx来适配不同屏幕尺寸的设备，或者使用dp或pt等相对单位。
2. 响应式设计和自适应布局：如果使用响应式设计和自适应布局，可以使页面在不同设备上都能良好地显示。在这种情况下，可以使用百分比、弹性布局和媒体查询等技术，结合rem或em等相对单位来实现自适应效果。
3. 字体大小和可读性：如果需要设置字体大小，可以使用em或rem等相对单位，以确保在不同设备上都能保持良好的可读性。同时，需要注意不要过度使用小字体，以免影响用户体验。
4. 屏幕密度和像素密度：在选择单位时，还需要考虑屏幕密度和像素密度的影响。例如，在高分辨率的设备上，使用px可能会导致元素过小，而使用rpx或dp等相对单位则可以更好地适配不同设备