css - chrome和safari ul li表現布局不一致問題

問題描述

為了方便大家了解情況我把網站部署到了服務器，大家可以通過這個網址訪問一下：lijiechu.club

同樣的情況下，iphone6 和 iphone6s自帶的safari瀏覽器也有這個問題。

在chrome中顯示如下：

但是在safari中（MACPro10.10.3 Safar版本 8.0.5）則顯示如下：

調整樣式表很久都沒法使safari保持一致。

請問下各位p+css高手，該怎么調整呢？

問題解答

ul.icons li {

display: inline-block;padding: 0.675em 0.5em;vertical-align: middle;

}

加上 試試

表示我的safari 是正常的，版本 10.0.1 (12602.2.14.0.7)

能看看你的css樣式表嗎？

我會告訴樓主，在我的safari上拋出來的效果是這樣的嗎？

你有沒有覆蓋瀏覽器默認樣式？

三個li繼承的

vertical-align: baseline;

聲明成middle試一下？