我无法用简单的任务解决问题:
预期结果:
iPad结果:
例子是https://codepen.io/anon/pen/zaMwvr
#wrap {
width: 100%;
border: 1px dashed orangered;
box-sizing: border-box;
padding-right: 300px;
position: relative;
}
#padding-view {
width: 300px;
position: absolute;
background: coral;
right: 0;
height: 100%;
}
#flex {
display: flex;
}
<div id="wrap">
<div id="padding-view"></div>
<div id="flex">
<div id="dynamic">LALALCALCULATEDDYNAMICLY</div>
<div id="rest">{Long text here}</div>
</div>
</div>
尝试将flex-shrink: 0
或min-width: auto
添加到.dynamic
(revised codepen)。