rpx和rem单位之间有区别吗?

站长手记 作者: 2024-09-03 03:10:02
微信小程序因为依靠微信,所以在做企业推广宣传成为了必然的渠道,在小程序开发的时候,特别是小程序切图,需要了解rpx,什么是rpx?rpx和我们熟知的rem有什么关联?下面切图网www.8sk.cn带领大家了解一下。 微信小程序因为依靠微信,所以在做企业推广宣传成为了必然的渠道,在小程序开发的时候,特别是小程序切图,需要了解rpx,什么是rpx?rpx和我们熟知的rem有什么关联?下面切图网www.8sk.cn带领大家了解一下。

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。
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_73354.html
rpx rem 微信小程序