探索、思考、创造、分享

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

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

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-07
    C++下编译和运行C语言程序
    1、新建源文件打开 Dev C++,在上方菜单栏中选择“文件 --> 新建 --> 源代码”:或者···
    2023-09-05
    基于51单片机点亮LED灯
    入门51单片机第一步,就是学会点亮一个LED灯,这是所有初次接触单片机开发的小伙伴的必经之路,管你现···
    2023-09-01
    怎么接小说推广的单子?番茄小说推广小程序
    最近比较火的互联网赚钱项目,其中便是其中一个。之所以受到广大朋友欢迎,原因就是它的成本较低,且收益无···
    2023-08-11
    Java小白实践项目初体验——项目开发团队分配管理软件(一)
    目录前言        这次我给小伙伴们分享下我自己做的JavaSE实践项目——项目开发团队分配管理···
    2023-08-07
    携程支付宝安卓最新版
    继微信推出小程序沉寂下去之后,支付宝又带着小程序悄然上线,与微信小程序相同的是两者都有非常简洁的界面···
    友情链接: 南京网站建设 南京小程序开发 北京网站建设 网站仿制 深圳小程序开发