一般的前端尺寸单位是px，它固定大小不变，不适用于应用场景。

那么引入upx，他可以随着屏幕大小变化而变化。

 

默认屏幕宽度为750upx（微信小程序中为750rpx）。

假如有一块手机屏幕大小为375px，则存在375px=750upx。

所以此时存在    1upx=0.5px。

 

比如在页面中声明

<view  style="height:60upx;width:750upx;background-color:#4CD964">返回Home</view>

如何宽度设置成750px，那么在较宽的屏幕上不会全屏。但是设置成了750upx，那么任何设备都会默认全屏。

因为此时的显示比例为750upx/750upx=1。