【问题标题】:Bootstrap Nav-menu broken on specific pages in Safari & IEBootstrap 导航菜单在 Safari 和 IE 的特定页面上损坏
【发布时间】:2017-09-15 01:56:58
【问题描述】:

所以my site 在 chrome 中运行良好,并且大部分情况下在其他浏览器上运行良好,但在 safari 和 IE 中,引导导航菜单不会折叠,而是将菜单内容溢出到整个页面,如下所示:

奇怪的是导航菜单在其他页面上也能正常工作?:

我完全不知所措:

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

在我的标题中。

【问题讨论】:

  • 你好@UnderQualifiedBoi,我似乎也在 Chrome 中得到了错误样式的标题。
  • 该死,我正在运行 Chrome 版本 60.0.3112.113(官方构建)(64 位),如果这有什么不同?该问题是在其他页面上复制还是仅在我提供的页面上复制?
  • 我在 Chrome 版本 61.0.3163.79(官方版本)(64 位)上看到了它。该问题未出现在您提供的第二个链接上。

标签: css safari navbar


【解决方案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...

您应该调查为什么会发生这种情况。

【讨论】:

  • 我尝试手动在巨型菜单 div 中手动编码,但无济于事。如果您在 chrome 上检查问题页面,它会将巨型菜单 div 包裹在一个巨型菜单 div 中,没有问题,但在 safari/IE 上都不会显示
猜你喜欢
  • 1970-01-01
  • 2015-03-15
  • 2018-10-07
  • 1970-01-01
  • 2023-03-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多