微信小程序开发03(样式wxss与常用组件)

😎1.样式wxss

😎1.1------尺寸单位

rpx是微信小程序独有的、解决屏幕自适应的尺寸单位
可以根据屏幕宽度进行自适应，不论大小屏幕，规定屏幕宽为750rpx
通过 rpx 设置元素和字体的大小，小程序在不同尺寸的屏幕下，可以实现自动适配

---------px与rpx之间的换算

• 在普通网页开发中，最常用的像素单位是px
• 在小程序开发中，推荐使用rpx这种响应式的像素单位进行开发
• 以 iPhone6 为例，iPhone6 的屏幕宽度为 375px，共有 750个物理像素，则 750rpx = 375px = 750 物理像素
• 得出公式：1 rpx = 0.5 px = 1 物理像素
• 举个例子：在iPhone6上，如果要绘制一个宽为100px，高为30px的盒子，换算成rpx单位，宽高分别为200rpx 和 60rpx

😎1.2------样式导