android 图标居中,文字和图标在部分安卓（小米、魅族）居中对其问题？

在做文字和小图标居中对齐时，在部分安卓机上会出现文字偏上的问题，导致文字和图标不是居中对其的

尝试的方法有：display：inline-block；vertical-align：middle；弹性盒模型，padding

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

.box {

display: flex;

justify-content: flex-start;

align-items: center;

height: q(36);

background: #ffa500;

span {

display: block;

height: q(72);

font-size: q(72);

line-height: q(72);

transform: scale(.5);

}

i {

display: block;

margin-left: q(10);

width: q(14);

height: q(22);

background: url('../images/right_caret.png') no-repeat center center;

background-size: contain;

}

}

.box3 {

margin-top: q(30);

background: #ffa500;

display: block;

font-size: q(72)