【微信小程序---px，rpx，屏幕变化的换算】

假设设计稿是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;
}

标签：color,微信,px,aqua,height,---,375rpx,屏幕,200px
来源： https://blog.csdn.net/m0_56349322/article/details/123033466