Uniapp 设备适配指南/前端开源Uniapp源码

屏幕适配方案

使用rpx单位：rpx 是响应式像素，可以根据屏幕宽度自适应、设计稿通常以 750px 宽度为标准，1px = 1rpx、在样式中使用 rpx 替代 px 实现自适应。

使用flex布局：推荐使用 flex 弹性布局适应不同屏幕尺寸。

条件编译处理平台差异

设备信息获取

安全区域适配（全面屏设备）

API全开源前端uni后端php

图片适配

• 使用相对路径或 base64

• 考虑不同设备的像素密度，可准备 @2x 和 @3x 图片

• 使用 <image> 组件的 mode 属性控制图片显示方式

字体适配

• 使用 rpx 或 px 设置字体大小

• 考虑使用系统默认字体增强一致性