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试一下？