Uni-app 响应式像素upx

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

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

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

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

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

比如在页面中声明

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

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

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

记录编程的点滴,体会学习的乐趣
原文地址:https://www.cnblogs.com/AduBlog/p/15354791.html