css - 手机页面在安卓和苹果浏览器显示不同的小小问题

Question

在调试手机页面安卓手机的显示一切正常，如图

而在苹果手机显示第一个图标向下错位，如下图

搞了半天没搞好，兼容性这块确实没咋弄过，请路过的高手支个招，在下不胜感激！！新年快乐，恭喜发财！！

Answer 1

不知道你是怎么写的，我发下我的思路：

结构p>(a>img)*3

p设置个width作为三个图标的总宽度（可以用百分比自适），然后设置两端对齐；
a设置inline-block，然后做个after伪类

p:after {
    content:"";
    width:100%;
    height:0;
    display:inline-block;
    overflow:hidden;
}

拉平三个图标，应该就可以了。

Answer 2

你用flex布局我保证不会出这种问题