假设设计稿是750px 屏幕是750rpx 则1px=1rpx
wxss中代码
view{
width:200px;
height:200px;
font-size:40px;
background-color:#aqua;
}
前提是设计稿是750px 屏幕是750rpx 如果此时屏幕变成375rpx 则原来的1px = 1rpx 就变成了
1px = 0.5rpx
wxss中代码
view{
width:200rpx;
height:200rpx;
font-size:40rpx;
background-color:#aqua;
}
假设这里的设计稿是未知的page 存在一个宽度是200px 高度是200px 字体是40px
屏幕从原来的750rpx 变成375rpx 则代码如下
wxss中代码
view{
width:cale(375rpx * 200 / 750);
height:cale(375rpx * 200 / 750);
font-size:cale(375rpx * 40 / 750);
background-color:#aqua;
}