当前位置： 首页 > article >正文

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

article 2024/11/17 19:50:45

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

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

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

建议：

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

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

view 相当于 div 属于块级元素

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


http://www.kler.cn/a/397690.html

相关文章：

  • 8.C++面向对象5（实现一个较为完善的日期类）
  • 本地部署Apache Answer搭建高效的知识型社区并一键发布到公网流程
  • 【HAProxy09】企业级反向代理HAProxy高级功能之压缩功能与后端服务器健康性监测
  • 后端总指挥---文件接口
  • 千益畅行，共享旅游卡市场乱象解析与未来展望
  • More effective C++：杂项
  • spring boot 文件上传
  • CI/CD认识
  • 终端快捷键学习笔记
  • 重学SpringBoot3-整合Quartz定时任务
  • IP地址查询——IP归属地离线库
  • ElasticSearch学习笔记二：使用Java客户端
  • Spring Boot框架：构建可扩展的网上商城
  • ArcGIS Pro属性表乱码与字段名3个汉字解决方案大总结
  • 开源模型应用落地-qwen模型小试-Qwen2.5-7B-Instruct-tool usage入门-并行调用多个tools（五）
  • 人工智能之数学基础：数学在人工智能领域中的地位
  • Android Studio 控制台输出的中文显示乱码
  • 开源 2 + 1 链动模式、AI 智能名片、S2B2C 商城小程序在用户留存与品牌发展中的应用研究
  • Python知识点精汇！字符串：定义、截取（索引）和其内置函数
  • 【算法】二分
  • PMP--一、二、三模、冲刺--分类--变更--技巧--特点
  • Linux debian系统安装ClamTk开源图形用户界面（GUI）杀毒软件
  • Kubernetes 魔法棒：kubeadm 一键部署的奇妙之旅
  • AI技术在电商中的挑战与未来
  • web——upload-labs——第一关
  • Eclipse 安装插件