我现在是做一个左边图片，右边文字的布局，图片固定宽度（单位是rem,用淘宝的那个Flexible去自动设置html的font-size），右边自适应宽度，现在问题是我左边用px做单位是可以的，但是换了rem就不行了，刚开始我以为是淘宝那个Flexible影响了，但是我去掉这个也还不行，是不是flex:1;不能根据rem自动计算？请给位大神帮忙看一下
代码：

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

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

        .box1 .box-right {
            flex: 1;
            padding-left: 0.133333rem;
        }
页面结构
<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>