css - 手機頁面在安卓和蘋果瀏覽器顯示不同的小小問題

問題描述

在調試手機頁面安卓手機的顯示一切正常，如圖

而在蘋果手機顯示第一個圖標向下錯位，如下圖

搞了半天沒搞好，兼容性這塊確實沒咋弄過，請路過的高手支個招，在下不勝感激??！新年快樂，恭喜發財！！

問題解答

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

結構p>(a>img)*3

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

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

拉平三個圖標，應該就可以了。

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