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

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

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

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

建议:

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

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

view 相当于 div 属于块级元素

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

相关推荐
玄魂1 天前
一键生成国庆节祝福海报,给你的朋友圈上点颜色
前端·javascript·数据可视化
彼日花1 天前
前端新人30天:从手足无措到融入团队
前端·程序员
搞科研的小刘选手1 天前
【学术会议合集】2025-2026年地球科学/遥感方向会议征稿信息
大数据·前端·人工智能·自动化·制造·地球科学·遥感测绘
2501_916008891 天前
JavaScript调试工具有哪些?常见问题与常用调试工具推荐
android·开发语言·javascript·小程序·uni-app·ecmascript·iphone
流***陌1 天前
智慧寄件新体验:快递小程序如何简化日常生活
小程序
蓝莓味的口香糖1 天前
【CSS】flex布局
前端·css
彩旗工作室1 天前
用 Supabase 打造统一认证中心:为多应用提供单点登录(SSO)
服务器·前端·数据库
EveryPossible1 天前
第一版代码
前端·javascript·css
ObjectX前端实验室1 天前
【图形编辑器架构】渲染层篇 — 从 React 到 Canvas 的声明式渲染实现
前端·计算机图形学·图形学
一直在学习的小白~1 天前
小程序开发:开启定制化custom-tab-bar但不生效问题,以及使用NutUI-React Taro的安装和使用
webpack·小程序·webapp