display: -webkit-box; 做个小小试验

 最近做个微信项目发现css3在微信内部浏览器中和其他浏览有些区别 做个小小笔记

.job {
            display: -webkit-box;
            display: flexbox;
            -webkit-box-pack: center;
            margin-top:100px;
            transform: translate3d(0,50px,0);
            border: #CCC 1px solid;
        }

            .job .job_ch {
                flex: 1;
                -webkit-box-flex:1;
                border: red 1px solid;
            }

            .job .job_ch_left {
                flex: 2;
                -webkit-box-flex: 2;
                border: red 1px solid;
            }

 <div class="job">
            <div class="job_ch">
                1
            </div>
            <div class="job_ch_left">
                2
            </div>
        </div>

 

 

这个写法都是认可的 表现一样一样的