【微信小程序---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;
}
上一篇:反序列化字符串逃逸(字符变少)


下一篇:CSS结尾