微信小程序rpx尺寸单位以及样式用法详解

微信小程序rpx尺寸单位以及样式用法详解
这篇文章主要介绍了微信小程序 rpx尺寸单位以及样式详细介绍的相关资料,有效的帮助大家开发微信小程序，避免手机尺寸问题，需要的朋友可以参考下

这篇文章主要介绍了微信小程序 rpx尺寸单位以及样式详细介绍的相关资料,有效的帮助大家开发微信小程序，避免手机尺寸问题，需要的朋友可以参考下

微信小程序尺寸单位

rpx单位是微信小程序中css的尺寸单位，rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上，屏幕宽度为375px，共有750个物理像素，则750rpx = 375px = 750物理像素，1rpx = 0.5px = 1物理像素。

微信小程序也支持rem尺寸单位，rem和rpx的换算关系：rem: 规定屏幕宽度为20rem；1rem = (750/20)rpx 注：开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。建议：设计稿使用设备宽度750px比较容易计算750px的话1rpx=1px，这样的话，设计图上量出来的尺寸是多少px就是多少rpx，至于在不同的设备上实际上要换算成多少个rem就交给小程序自己换算

如何导入小程序的样式

使用@import语句可以导入外联样式表，@import后跟需要导入的外联样式表的相对路径，用;表示语句结束。

示例代码：

/** common.wxss **/.small-p { padding:5px;}