span和img标签垂直对齐在ipad上不起作用

Question

使用vertical-align:middle使span和img垂直对齐，不生效。
这个是在谷歌浏览器上的显示（如下）

在真机测试：ipad上没有垂直对齐（效果如下）

代码如下：
html：

css：

琢磨了好久找不到原因，求问各位大佬们为什么会这样子呢？如果要icon和文字垂直居中该怎么办？用过flex在iPad上也不行，在谷歌模拟和安卓机都很正常。

Answer 1

有木有大佬帮帮孩子QAQ

Answer 2

这是 Css Hack 问题，建议查询兼容，还有就是可以尝试添加safari的内核在css里面，可以搜下css hack的文档及资料

Answer 3

如果不考虑兼容IE,直接上flexbox吧，居中对齐就好了,vertical-align 是会有这个问题。
好像和字体啥的有关系，或者在前做一个固定高的伪类来对齐