- 小程序中不需要主动来引入样式文件
- 需要把页面中某些元素单位 由 px 改成 rpx
2.1 设计稿 750px
750 px = 750 rpx
1 px = 1 rpx
2.2 把屏幕宽度改成 375px
357 px = 750 rpx
1 px = 2 rpx
1rpx = 0.5px
- 存在一个设计稿 宽度为 383 或者 未知(page) 的时候
3.1 设计稿 page 存在一个元素 宽度 100px
3.2 拿以上的需求 去实现 不同宽度的页面适配
可得出一个公式
**page** px = 750 rpx
1 px = 750 rpx / page
100 px = 750 rpx * 100 / page
- 利用 一个属性 calc属性 css 和 wxss 都支持 这个属性
4.1 数值 和 rpx (单位) 中间不要留空格
4.2 运算符的两边也不要留空格
假设 page = 375 px
view{
height:200px;
/*以下代码写法错误*/
/* width:750 rpx * 100 / 375; */
/*正确写法*/
width: calc(750rpx * 100 / 357); //200rpx
}