小程序20-样式:自适应尺寸单位 rpx

手机设备的宽度逐渐多元化,也就需要开发者开发过程中,去适配不同屏幕宽度的手机,为了解决屏幕适配问题,微信小程序推出了 rpx 单位

rpx:小程序新增的自适应单位,可以根据不同设备的屏幕宽度进行自适应缩放

小程序规定任何型号手机:屏幕宽都为750 rpx(可以理解为将屏幕等分为750份)

建议:

1.开发微信小程序时,设计师可以用iPhone6作为视觉稿的标准,iPhone的设计稿一般是750px

2.如果使用的是750px设计稿,可以直接换算

view 相当于 div 属于块级元素

375rpx屏幕的一半,可以选择机型进行尝试

相关推荐
问道飞鱼10 小时前
【技术方案】面向 Web 系统的《全栈灰度部署方案设计》
前端·全栈·灰度发布
꧁꫞꯭零꯭点꯭꫞꧂10 小时前
前端面试题3
开发语言·前端·javascript
ZC跨境爬虫10 小时前
Base64编码详解(含JS_Python实现+实战逆向案例)
前端·javascript·python
FuckPatience11 小时前
Halcon 寻找方形Mark
前端·javascript·数据库
小陈工11 小时前
Python Web开发入门(八):用户认证系统实现,给你的应用加上安全锁
开发语言·前端·数据库·python·安全·django·sqlite
weixin1997010801611 小时前
《XMZ 商品详情页前端性能优化实战》
前端·性能优化
woshinon11 小时前
【Uniapp(HBuilderX)针对微信小程序和H5平台实现差异化配置(自定义发行)】
微信小程序·小程序·uni-app
hashiqimiya11 小时前
微信小程序---textarea组件布局
微信小程序·小程序