探索、思考、創(chuàng)造、分享

數據驅動、堅持為客戶提供有價值的服務和內容

當前位置：首頁>小程序資訊
微信小程序踩坑之旅（三）：不同機型布局適配問題（rpx，px，vh，vw）
來源：南京小程序開發(fā) 發(fā)布時間：2023-09-07點擊：108

rpx與px

官方文檔的解釋

rpx（responsive pixel）: 可以根據屏幕寬度進行自適應。規(guī)定屏幕寬為750rpx。如在 iPhone6 上，屏幕寬度為375px，共有750個物理像素，則750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

下面我來舉個例子大家就明白了：
我自定義的導航欄高度為64rpx，我現在在導航欄下方還有一個導航欄，我希望在我向上滑動的過程中，下面的導航欄

  • 上一篇：【微信小程序】底部有安全距離，適配iphone X等機型的解決方案
  • 下一篇：小程序開發(fā)常見的機型適配問題
    • 版權備注
    最新資訊
    2023-09-22
    個人微信小程序怎么上線使用
    微信小程序 如何申請？我們先了解下小程序開發(fā)的步驟流程：第一步，申請小程序賬號并認證第二步，開通微信···
    2023-09-22
    電腦登陸微信小程序打不開已經是最新版本
    mac版微信小程序工具打不開微信緩存太多。手機緩存就是數據交換的緩沖區(qū)。手機緩存可通過手機管家進行清···
    2023-09-22
    小程序內容怎么打印
    老師在微信發(fā)來孩子作業(yè)，用打印機怎么操作才可以打印出來？Ⅴ信發(fā)來的文檔、作業(yè)，不是看打印機怎么操作才···
    2023-09-22
    微信電腦版打開小程序黑屏怎么辦
    微信電腦客戶端打開后黑屏不能動把它卸載了，然后用你的優(yōu)化軟件清理下系統(tǒng)緩存垃圾、注冊列表，然后去官網···
    2023-09-22
    微信小程序手機號快速驗證組件升級，8 月 26 日起向開發(fā)者收費，這一組件能給用戶使用帶來哪些便利？
    在這里插入圖片描述收費說明付費使用在這里插入圖片描述手機號快速驗證組件
    隨機資訊
    2023-09-05
    stm32單片機燒錄程序的話，是擦除整個FLASH？
    一般默認都是選擇擦除扇區(qū)的，有2個原因，1擦除時間比全部擦除時間短，除非你寫的程序大小已經大于芯片···
    2023-08-22
    微信小程序的Web API接口設計及常見接口實現
    微信小程序給我們提供了一個很好的開發(fā)平臺，可以用于展現各種數據和實現豐富的功能，通過小程序的請求We···
    2023-08-06
    太原微信小程序開發(fā)價格
    微信小程序開發(fā)要多少錢?在了解小程序開發(fā)到底需要多少錢之前，我們先了解下小程序開發(fā)的流程與配置等問題···
    2023-08-13
    asp.net接私活必備的10個開源項目(接私活必備的10個開源項目)
    大家好，我是Echa。2023年1月1號元旦，小編特意為粉絲們準備了一份接私活搞副業(yè)的干貨大禮包（每···
    友情鏈接： 南京網站建設 南京小程序開發(fā) 北京網站建設 網站仿制 深圳小程序開發(fā)