标签:知识点,字体大小,uniapp,补充,rpx,px,响应,使用,屏幕 From: https://blog.csdn.net/a1241436267/article/details/141815908一. 响应式单位rpx以及搭配使用UI产品
1.px和rpx的区别
2.rpx的作用及理解
- 响应式布局:使用
rpx
可以让元素在不同屏幕尺寸的设备上自动调整大小,从而实现响应式布局。- 锁定屏幕方向:由于
rpx
是基于屏幕宽度计算的,如果希望在横屏和竖屏之间保持一致的显示效果,建议锁定屏幕方向。- 字体大小和高度:使用
rpx
定义字体大小或高度时,需要注意随着屏幕宽度的变化,字体大小和高度也会相应变化。- 避免过度使用 px:虽然
px
可以实现更精确的控制,但在需要自适应布局的情况下,应优先考虑使用rpx
。