其他分享
首页 > 其他分享> > Uni-app 响应式像素upx

Uni-app 响应式像素upx

作者:互联网

一般的前端尺寸单位是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。

标签:app,750upx,全屏,upx,Uni,屏幕,375px,px
来源: https://www.cnblogs.com/AduBlog/p/15354791.html