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>

 

 

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