微信小程序视图层-rpx

rpx 响应式的单位 ,规定了所有的屏幕宽度是  750rpx 

1屏幕宽度 750 px 

750px =750 rpx 

1px = 1rpx 

2 屏幕宽度 375px

375px= 750 rpx

 1px = 22px

 3 假设 宽度750 px 里面 view 宽度 是100px 高度100px 

则  750px =750 rpx; 1px =1rpx

view {

  width:100rpx ;

扫描二维码关注公众号,回复: 4237044 查看本文章

  height :100rpx;}

当屏幕宽度 由 750px =》 375px

则  375px = 750rpx; 1px=2rpx

view {

  width:100rpx  ; =50px

  height :100rpx; =50px

}

所以, 开发微信小程序时 ,设计师可以用iphone 6 作为视觉稿的标准。 也就是设计图为750 。调试标准为375. 100rpx =》结果50px。

猜你喜欢

转载自www.cnblogs.com/maomao-Sunshine/p/10018531.html