用於Safari和Apple的CSS

Question

我有一個網站正在爲客戶構建，需要一些幫助......除Safari和任何應用設備外，所有瀏覽器中的一切看起來都很棒。

如果您在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測試與網頁檢查