小程序
小游戏
企业微信
微信支付
扫描小程序码分享
```
/**app.wxss**/
.container {
padding: 200rpx 0;
}
请问一下 rpx 和px 的区别在哪里?
1 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
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
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。