收藏
回答

请问一下 rpx 和px 的区别在哪里?

```

/**app.wxss**/

.container {

  padding: 200rpx 0;


请问一下 rpx 和px 的区别在哪里?

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

1 个回答

  • 青柠
    青柠
    2021-01-06

    rpx是微信小程序中css的尺寸单位,可以根据屏幕宽度进行自适配。

    规定屏幕宽度为750px,譬如iphone6,屏幕宽度为375px,共有750个物理像素,则1rpx = 0.5px。

    设备rpx换算px:屏幕宽度/750,px换算成rpx:750/屏幕宽度;

    iPhone5 1rpx = 0.42px        1px = 2.34px ;

    iPhone6 1rpx = 0.5px     1px = 2rpx ;

    iPhone6s 1rpx = 0.552px    1px = 1.81rpx;



    作者:bryan_liu

    链接:https://www.jianshu.com/p/50ea4804f786

    来源:简书

    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    2021-01-06
    有用
    回复
登录 后发表内容