在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML5  UI  HTML/ rem配合flex布局問題

rem配合flex布局問題

我現(xiàn)在是做一個(gè)左邊圖片,右邊文字的布局,圖片固定寬度(單位是rem,用淘寶的那個(gè)Flexible去自動(dòng)設(shè)置html的font-size),右邊自適應(yīng)寬度,現(xiàn)在問題是我左邊用px做單位是可以的,但是換了rem就不行了,剛開始我以為是淘寶那個(gè)Flexible影響了,但是我去掉這個(gè)也還不行,是不是flex:1;不能根據(jù)rem自動(dòng)計(jì)算?請給位大神幫忙看一下
代碼:

樣式
.box {
            width: 100%;
            display: flex;
        }

        .box1 .box-left {
            width: 1.333333rem;
            /*width: 100px;*/
        }

        .box1 .box-right {
            flex: 1;
            padding-left: 0.133333rem;
        }
頁面結(jié)構(gòu)
<div class="box box1">
        <div class="box-left bg-purple">box-left</div>
        <!--<div class="box-center bg-green">box-center</div>-->
        <div class="box-right bg-pink my-ellipsis-2">
            box-right文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。文字超出。。。
        </div>
    </div>
回答
編輯回答
萌面人

抱歉,剛寫完問題,我突然想到,是我設(shè)置的1.333333rem本身就是這么寬,是我考慮不周

2017年4月4日 10:17