ios/android移动端将不同字号的文字底部对齐显示

效果：

html:

<div class="fou_time_list">66<span>分钟</span></div>

css:

.fou_time_list {       //让父容器的子view都置底
    display:flex;
    flex-direction: row;
    align-items: flex-end;
}
   .fou_time_list span {
       font-size:12px;
       -webkit-transform-origin-x: 0;
       -webkit-transform: scale(0.67);//chrome最小字号是12px,这样写是为了chrome支持8px.即12*0.67=8
   }