收藏
回答

rpx px 转换问题

- 需求的场景描述(希望解决的问题)

微信小程序 怎么解决px rpx 转换问题  不能自己不断的算吧  eg: 设计稿是px  在微信小程序我该怎么写呢?(设计稿宽高是20px  字体大小是12px  到了微信小程序该怎么写呢?) 求解  谢谢!


- 希望提供的能力

px  rpx 转换问题


回答关注问题邀请回答
收藏

3 个回答

  • 937你的歌谣🌞
    937你的歌谣🌞
    2018-11-05

    已经完全解决rpx 问题~~~~~

    2018-11-05
    有用
    回复 1
    • 海边等猫的鳄鱼
      海边等猫的鳄鱼
      2021-04-21
      请问你是怎么解决这个问题的呢 我也遇到了
      2021-04-21
      回复
  • Smilence
    Smilence
    2018-06-22

    文档上看,不同设备的px与rpx转换不同。

    目前来看用rpx会安全一点,至少不同设备显示会看起来不会差异太大,所以...心算吧

    https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html

    2018-06-22
    有用
    回复 1
    • 937你的歌谣🌞
      937你的歌谣🌞
      2018-06-22

      一个一个算优点太麻烦了   font-size 又该写多少呢

      2018-06-22
      回复
  • You can you up
    You can you up
    2018-06-22

    你这设计稿也太小了

    2018-06-22
    有用
    回复 5
    • 937你的歌谣🌞
      937你的歌谣🌞
      2018-06-22

      随便举例  好吧

      2018-06-22
      回复
    • You can you up
      You can you up
      2018-06-22回复937你的歌谣🌞

      设计稿宽750px的话就是1比1,1px=1rpx

      2018-06-22
      回复
    • 937你的歌谣🌞
      937你的歌谣🌞
      2018-06-22回复You can you up

      font-size呢?

      2018-06-22
      回复
    • 937你的歌谣🌞
      937你的歌谣🌞
      2018-06-22回复You can you up

      font-size呢?

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


      2018-06-22
      回复
    • You can you up
      You can you up
      2018-06-22回复937你的歌谣🌞

      你按照iphone6的话字体12px的话小程序就写24rpx,这个还跟不同手机像素比有关,可能你写24rpx会偏小。

      还有你把设计稿弄成750px 就不用去换算大小,按照一比一转换就行  字体的话你可以写30rpx看看大小合适不。

      这个rpx不是能完美适配的  有瑕疵

      2018-06-22
      回复
登录 后发表内容