導航臺浮動和寬度自動在Safari

Question

在一個新的Web項目，我們有一個CSS問題，只發生在MacOS上的Safari： www.health4hospitality.co.uk/template

Firefox和Chrome（贏/蘋果機）以及IE和邊緣表現導航正確。

在Safari上，導航顯示在下方而不是徽標的右側。它看起來像CSS表格將是100％的寬度，但其寬度設置爲自動。

有沒有人有一個快速解決？如果我不必僅僅因爲Safari而重新改變它，我會很棒。

Answer 1

我會爲<ul>導航欄設置％寬度。 auto屬性現在在Safari中以100％渲染元素。設置這適用於我的瀏覽器：

ul.navbar-nav { 
    width: 55%; 
}