探索、思考、创造、分享

数据驱动、坚持为客户提供有价值的服务和内容

当前位置：首页>小程序资讯
微信小程序踩坑之旅（三）：不同机型布局适配问题（rpx，px，vh，vw）
来源：南京小程序开发 发布时间：2023-09-07点击：115

rpx与px

官方文档的解释

rpx（responsive pixel）: 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

下面我来举个例子大家就明白了：
我自定义的导航栏高度为64rpx，我现在在导航栏下方还有一个导航栏，我希望在我向上滑动的过程中，下面的导航栏

  • 上一篇：【微信小程序】底部有安全距离，适配iphone X等机型的解决方案
  • 下一篇：小程序开发常见的机型适配问题
    • 版权备注
    最新资讯
    2023-09-22
    个人微信小程序怎么上线使用
    微信小程序 如何申请？我们先了解下小程序开发的步骤流程：第一步，申请小程序账号并认证第二步，开通微信···
    2023-09-22
    电脑登陆微信小程序打不开已经是最新版本
    mac版微信小程序工具打不开微信缓存太多。手机缓存就是数据交换的缓冲区。手机缓存可通过手机管家进行清···
    2023-09-22
    小程序内容怎么打印
    老师在微信发来孩子作业，用打印机怎么操作才可以打印出来？Ⅴ信发来的文档、作业，不是看打印机怎么操作才···
    2023-09-22
    微信电脑版打开小程序黑屏怎么办
    微信电脑客户端打开后黑屏不能动把它卸载了，然后用你的优化软件清理下系统缓存垃圾、注册列表，然后去官网···
    2023-09-22
    微信小程序手机号快速验证组件升级，8 月 26 日起向开发者收费，这一组件能给用户使用带来哪些便利？
    在这里插入图片描述收费说明付费使用在这里插入图片描述手机号快速验证组件
    随机资讯
    2023-09-01
    好用的时间管理软件推荐！长得这么好看的实力派你见过吗？
    时间紧任务重是学习的主基调，不少同学都意识到了时间管理的重要性，今天橙子老师就为大家推荐一些实用、易···
    2023-08-29
    单片机二极管闪烁程序
    利用51单片机定时器编写一个C语言程序，实现一个发光二极管定时亮、灭，要求亮一秒、灭一秒交替闪烁不利···
    2023-09-21
    宠物商城小程序游戏？宠物 小程序
    【导读】深圳佳利智能整理：宠物商城小程序游戏？宠物 小程序？的问答，开源电商系统找7283商城，“宠···
    2023-08-26
    生鲜电商小程序开发突破传统运营的桎梏
    在大家的日常日常生活，往往对生鲜食品刚需品拥有非常高的规定，但生生鲜因其具及时性、易腐烂的特点，店家···
    2023-08-16
    免费申请个人小程序
    小程序怎么申请如何申请小程序1、点击搜索功能键，输入我们想要的小程序的关键字，即可找到相应的小程序。···
    友情链接： 南京网站建设 南京小程序开发 深圳小程序开发