Css Safari&;中特定页面上的引导导航菜单中断;即

Css Safari&;中特定页面上的引导导航菜单中断;即,css,safari,navbar,Css,Safari,Navbar,因此,它在chrome浏览器和其他浏览器上运行良好,但在safari和IE中,引导导航菜单不会崩溃,而是会将菜单内容溢出整个页面,如图所示: 奇怪的是,尽管导航菜单在其他页面上运行良好: 我完全不知所措,因为我: <meta name="viewport" content="width=device-width, initial-scale=1"> 在我的页眉中。对于除您有问题的页面以外的所有其他页面,您的菜单位于#megaMenudiv中 DOM树的所有其他页面: &l

因此,它在chrome浏览器和其他浏览器上运行良好,但在safari和IE中,引导导航菜单不会崩溃,而是会将菜单内容溢出整个页面,如图所示:

奇怪的是,尽管导航菜单在其他页面上运行良好:

我完全不知所措,因为我:

 <meta name="viewport" content="width=device-width, initial-scale=1">


在我的页眉中。

对于除您有问题的页面以外的所有其他页面,您的菜单位于
#megaMenu
div中

DOM树的所有其他页面:

<div class="navbar navbar-default navbar-static-top" role="navigation">
  <div class="container">
    <div id="megaMenu" class="megaMenuContainer"....
<div class="navbar navbar-default navbar-static-top" role="navigation">
  <div class="container">
    <ul id="menu-main-navigation" class="nav navbar-nav...


您好@UnderQualifiedBoi,我似乎也在Chrome中得到了错误样式的标题。该死,我正在运行Chrome版本60.0.3112.113(官方版本)(64位),如果这有什么不同?这个问题是在其他页面上复制,还是仅在我提供的页面上复制?我在Chrome版本61.0.3163.79(官方版本)(64位)上看到了它。您提供的第二个链接上没有出现此问题。我已尝试手动在mega menu div中编写代码,但无效。如果你在chrome上查看问题页面,它将mega menu div包装在一个mega menu div中,没有问题,但在safari/IE上两者都不会显示