因为现如今的手机型号很多,所以px不同
1px=2rpx (以iPhone 6 为机型如此如果不是iPhone 6 可能就是不同的换算单位了哈)
1、rpx可以自适应手机分辨率,适配当前机型
2、px是绝对大小。如果需要使用原分辨率,则需除2(只适应IPhone 6)
3、小程序的image标签有默认值(即不设置style,可以查一下微信小程序的开发文档哦)W:320px,H:240px
参考iPhone6 宽度尺寸375px或750rpx
通常设计师设计的时候以iPhone6为机型,因为rpx到px换算较为简单
总结:
- 优先使用rpx,避免使用px,除非特定场景下必须让某一组件不能改变其大小无需考虑到其伸缩延展性