小程序 样式WXSS
2020-05-09 本文已影响0人
一只菜鸟正在脱毛
1.尺寸单位（rpx）可以根据屏幕宽度进行自适应
1rpx=0.5px=1物理像素
注：小程序中 不需要主动引入样式文件
2.需要把页面中某些元素的单位有px改为rpx
1.设计稿 750x 750px=750rpx 1px =1 rpx
2.把屏幕宽度改为375px
375px =750rpx 1px =2rpx 1rpx=0.5px
3.存在一个设计稿 宽度414 或者 未知 page
设计稿page 存在一个元素 宽度100px
拿以上的需求 去实现不同宽度的页面适配
page px =750px
1px =750rpx/page
100px = 750*100/page
假设page=375px
4.利用一个属性 calc属性 css和wxss都支持 一个属性
width：calc(750rpx*100/375)
1.750和rpx中间不要留空格
2.运算符的两边也不要留空格
