Safari&中特定页面上的Bootstrap Nav-menu断开IE

时间:2017-09-14 17:27:20

标签: css safari navbar

所以my site在chrome中工作得很好,而且大多数情况下在其他浏览器上运行,但在safari和IE中,bootstrap导航菜单不会崩溃,而是溢出整个页面上的菜单内容,如下所示:

linestar.ca incorrect header

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

linestar.ca correct header

我完全失去了:

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

在我的标题中。

1 个答案:

答案 0 :(得分:1)

对于您遇到问题的所有其他页面,您的菜单位于#megaMenu div内。

所有其他页面DOM树:

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

有问题DOM树的页面:

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

你应该调查为什么会这样。