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

Question

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

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

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

Answer 1

Je ne sais pas comment vous l'avez écrit, alors je vais partager mes réflexions :

Structure p>(a>img)*3

p Définissez une largeur comme la largeur totale des trois icônes (vous pouvez utiliser des pourcentages pour ajuster), puis définissez les deux extrémités pour qu'elles soient alignées
un bloc en ligne défini, puis créez une pseudo-classe après ;

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

Aplatissez les trois icônes et ça devrait aller.

Answer 2

Je vous garantis que vous n'aurez pas ce genre de problème si vous utilisez la mise en page flexible