美文网首页微信小程序
小程序 样式WXSS

小程序 样式WXSS

作者: 一只菜鸟正在脱毛 | 来源:发表于2020-05-09 17:55 被阅读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.运算符的两边也不要留空格

    相关文章

      网友评论

        本文标题:小程序 样式WXSS

        本文链接:https://www.haomeiwen.com/subject/itclnhtx.html