I am now doing a left picture, the layout of the text on the right, the fixed width of the picture (the unit is rem, uses the Flexible of Taobao to automatically set the font-size of html), and the adaptive width on the right. Now the problem is that I can use px as a unit on my left, but not if I change rem. At first, I thought it was the Flexible of Taobao, but I can"t get rid of this, is it flex:1;? Can"t be calculated automatically according to rem? Please take a look at the
code:

.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>