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

问题描述

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

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

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

问题解答

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

结构p>(a>img)*3

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

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

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

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