2020年1月5日

微信小程序切图rpx和rem之间区别


微信小程序因为依靠微信,所以在做企业推广宣传成为了必然的渠道,在小程序开发的时候,特别是小程序切图,需要了解rpx,什么是rpx?rpx和我们熟知的rem有什么关联?下面切图网www.qietu.com带领大家了解一下。

rpx
微信小程序开发中新出了尺寸单位rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。
如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
微信官方建议视觉稿以iPhone 6为标准。

rem
rem(root em): 规定屏幕宽度为20rem;1rem = (750/20)rpx 。

结尾

在实际运用中,如果是做微信小程序前端制作就采用rpx,如果是传统的H5网站的前端开发则采用rem。

 

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732

标签:, , ,