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

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

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

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

建议:

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

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

view 相当于 div 属于块级元素

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

相关推荐
小仙女喂得猪几秒前
2025 跨平台方案KMP,Flutter,RN之间的一些对比
android·前端·kotlin
举个栗子dhy9 分钟前
第二章、全局配置项目主题色(主题切换+跟随系统)
前端·javascript·react.js
sorryhc15 分钟前
开源的SSR框架都是怎么实现的?
前端·javascript·架构
前端架构师-老李16 分钟前
npm、yarn、pnpm的对比和优略
前端·npm·node.js·pnpm·yarn
2501_9151063217 分钟前
iOS 混淆与 IPA 加固全流程,多工具组合实现无源码混淆、源码防护与可审计流水线(iOS 混淆|IPA 加固|无源码加固|App 防反编译)
android·ios·小程序·https·uni-app·iphone·webview
游戏开发爱好者818 分钟前
用多工具组合把 iOS 混淆做成可复用的工程能力(iOS混淆 IPA加固 无源码混淆 Ipa Guard)
android·ios·小程序·https·uni-app·iphone·webview
fox_22 分钟前
别再混淆 call/apply/bind 了!一篇讲透用法、场景与手写逻辑(二)
前端·javascript
潜心编码29 分钟前
基于vue的停车场管理系统
前端·javascript·vue.js
神奇的小猴程序员31 分钟前
Mutantcat Web Pdf Reader —— 开源、轻量、安全的网页 PDF 阅读器
前端·pdf
三小河33 分钟前
React Vite 中动态批量导入路由
前端·vue.js