在一个新的 web 元素中,我们有一个 CSS 问题,它只发生在 macOS Safari 中: www.health4hospitality.co.uk/template
Firefox 和 Chrome (Win/Mac) 以及 IE 和 Edge 正确显示导航。
在 Safari 上,导航显示在下方而不是 Logo 的右侧。 CSS 表格似乎是 100% 宽度,但它的宽度设置为自动。
有人有快速修复方法吗?如果我不必仅仅因为 Safari 而对它进行大量更改,我会很棒。
最佳答案
我会为 <ul>
设置一个百分比宽度导航栏。 auto
属性现在在 Safari 中以 100% 渲染元素。跨浏览器设置它对我有效:
ul.navbar-nav {
width: 55%;
}
关于css - Safari 中的导航表 float 和宽度自动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42268685/