zoukankan      html  css  js  c++  java
  • width: 50%; display:inline-flex;

    <style lang="less">
    @import "../style/weui.wxss";
     
    @wx- 750rpx;
    @wx-width-one_unit: @wx-width/750;
    @color-main-red: #f00;
    @color-main-blue: #2CABE2;
     
     
    50%;
    display:inline-flex;
     
    .pay-type {
    display: inline-flex;
    }
    .pay-type_icon {
    @wx-width/12*5;
    margin: 0 @wx-width/24;
    }
    .pay-type_select-after {
    border: @wx-width-one_unit solid @color-main-blue;
    }
     
     
    WXSS · 小程序 https://developers.weixin.qq.com/miniprogram/dev/framework/view/wxss.html
     

    尺寸单位

    • rpx(responsive pixel): 可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.5px = 1物理像素。
    设备rpx换算px (屏幕宽度/750)px换算rpx (750/屏幕宽度)
    iPhone5 1rpx = 0.42px 1px = 2.34rpx
    iPhone6 1rpx = 0.5px 1px = 2rpx
    iPhone6 Plus 1rpx = 0.552px 1px = 1.81rpx

    建议: 开发微信小程序时设计师可以用 iPhone6 作为视觉稿的标准。

    注意: 在较小的屏幕上不可避免的会有一些毛刺,请在开发时尽量避免这种情况。

     
     
     
  • 相关阅读:
    Vim使用
    软件测试基础知识
    数字成像系统
    linux操作系统运行学习总结
    python算法学习总结
    Django Rest Framework框架
    mysql学习笔记一
    学习方法
    算法模板汇总
    习题练习1
  • 原文地址:https://www.cnblogs.com/rsapaper/p/9736272.html
Copyright © 2011-2022 走看看