display: -webkit-box; 小さな実験をする

2900 ワード

最近微信のプロジェクトをしてcss 3が微信の内部のブラウザの中でその他の閲覧と少し違いがあることを発見して小さいノートをします
.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>

 
 
この書き方はみな認められた表現と同じだ.