問題描述

在調(diào)試手機(jī)頁面安卓手機(jī)的顯示一切正常，如圖

而在蘋果手機(jī)顯示第一個(gè)圖標(biāo)向下錯位，如下圖

搞了半天沒搞好，兼容性這塊確實(shí)沒咋弄過，請路過的高手支個(gè)招，在下不勝感激！！新年快樂，恭喜發(fā)財(cái)！！

問題解答

不知道你是怎么寫的，我發(fā)下我的思路：

結(jié)構(gòu)p>(a>img)*3

p設(shè)置個(gè)width作為三個(gè)圖標(biāo)的總寬度（可以用百分比自適），然后設(shè)置兩端對齊；a設(shè)置inline-block，然后做個(gè)after偽類

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

拉平三個(gè)圖標(biāo)，應(yīng)該就可以了。

你用flex布局我保證不會出這種問題