rpx

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

375px = 750 物理像素,1rpx = 0.5px = 1 物理像素。(具体不同手机参数,可以参考微信小程序手册);

07.rpx布局与样式导入

ps :简单的说就是如果设计稿是750px的宽度,则我们开发的时候,字体和图片是多少px,我们就写多少rpx就可以了。比如字体的大小设计稿是20px,我们就写20rpx。背景图的宽是750px,我们就写750rpx。所以推荐设计稿的宽度为750px。

 

样式导入

使用import导入样式表

定义

07.rpx布局与样式导入

在index.wxml中导入

07.rpx布局与样式导入

 

相关文章:

  • 2021-07-23
  • 2021-09-19
  • 2021-11-29
  • 2021-12-17
  • 2021-12-31
  • 2021-11-21
  • 2021-11-29
猜你喜欢
  • 2022-02-09
  • 2021-10-10
  • 2021-06-18
  • 2021-11-07
  • 2022-12-23
  • 2022-12-23
  • 2021-10-04
相关资源
相似解决方案