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

Question

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

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

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

Answer 1

Saya tidak tahu bagaimana anda menulisnya, jadi saya akan berkongsi pendapat saya:

Struktur p>(a>img)*3

p Tetapkan lebar sebagai jumlah lebar tiga ikon (anda boleh menggunakan peratusan untuk melaraskan), dan kemudian tetapkan kedua-dua hujung untuk dijajarkan;

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

Ratakan tiga ikon dan ia sepatutnya baik.

Answer 2

Saya jamin anda tidak akan mengalami masalah seperti ini jika anda menggunakan susun atur fleksibel