美文网首页
小程序样式总结

小程序样式总结

作者: utf8253 | 来源:发表于2019-04-02 16:27 被阅读0次

    1、关于rpx

    rpx:可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
    所以1rpx=1物理像素 所以写rpx的时候 照着设计稿UI小姐姐的750的尺寸来写就可以啦

    2、小程序里面checkbox的大小设置宽高不生效 需要设置transform: scale(0.6,0.6);

    3、button按钮设置border-radius之后总有一条小边框 若隐若现 需要设置::after{ border:none}

    4、关于背景图片background直接取本地的图片url会报错是 是因为小程序不支持本地加载图片 可以将图片放在cdn上取网络图 或者将图片整理为base64格式

    相关文章

      网友评论

          本文标题:小程序样式总结

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