Safari和Apple的CSS

Question

我有一个我为客户建立的网站，需要一些帮助...除了Safari和任何Apply设备外，所有浏览器中的一切都很棒。

如果您查看Chrome或FF下方的链接，您会看到右上角的社交图标看起来不错，但在Safari或Apple设备上查看时，它们会叠加在一起。

想知道我能做些什么才能让它与浏览器兼容....

http://msg.d1g.it

Answer 1

我不太清楚为什么它不适用于Safari，但为什么不将float:left应用于4 <a>并给header_html一个已知的宽度，让它为350px所以像这样：

.social_btns { /* give all your <a> this class */
   float:left;
}
.header_html {
   display:inline-block;
   float:right;
   line-height: 30px;
   padding-right: 10%;
   width:350px; /* add this line */
}

使用网络检查员在safari 7.0.3上进行了测试