1.尺寸單位(rpx)可以根據(jù)屏幕寬度進(jìn)行自適應(yīng)
1rpx=0.5px=1物理像素
注:小程序中 不需要主動引入樣式文件
2.需要把頁面中某些元素的單位有px改為rpx
1.設(shè)計(jì)稿 750x? ? ? ? 750px=750rpx? ? ? ?1px =1 rpx
2.把屏幕寬度改為375px??
375px =750rpx? ? ? 1px =2rpx? ? 1rpx=0.5px
3.存在一個(gè)設(shè)計(jì)稿 寬度414 或者 未知 page
?設(shè)計(jì)稿page 存在一個(gè)元素 寬度100px
?拿以上的需求 去實(shí)現(xiàn)不同寬度的頁面適配
page px =750px
1px? =750rpx/page
100px = 750*100/page
假設(shè)page=375px
4.利用一個(gè)屬性 calc屬性 css和wxss都支持 一個(gè)屬性
width:calc(750rpx*100/375)
1.750和rpx中間不要留空格
2.運(yùn)算符的兩邊也不要留空格