0

出于某种原因,即 10,所有浏览器的祸根是认为引导导航栏已经是移动版本。当在台式电脑上的原始 bootstrap.com 运行良好时,这怎么可能。

     <nav class="navbar navbar-inverse" role="navigation">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse navbar-ex1-collapse">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">Managers</a></li>

          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Employees <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">View Employees</a></li>
              <li><a href="#">Access Rights Templates</a></li>
              <li><a href="#">Update Authorisation</a></li>        

            </ul>
          </li>


          <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Orginisation <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Leave Request List</a></li>
              <li><a href="#">eForms Teamplates</a></li>
              <li><a href="#">Organisational Chart</a></li>
              <li><a href="#">User Lincenses</a></li>

            </ul>
          </li>

             <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Application <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li><a href="#">Application Parameters</a></li>
              <li><a href="#">Audit Trail</a></li>
              <li><a href="#">Leave Request Configuration</a></li>
              <li><a href="#">Sickness Absence Configuration</a></li>
              <li><a href="#">Triggered eForms Configuration</a></li>
            </ul>
          </li>




        </ul>

        <ul class="nav navbar-nav navbar-right">
            <li><a href=""><span class="glyphicon glyphicon-comment"></span> My Tasks</a></li>    


            <li><a href=""><span class="glyphicon glyphicon-comment"></span> Login</a></li>

            </ul>
          </li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </nav>

有人知道为什么吗?

4

1 回答 1

1

检查浏览器模式——是否处于标准模式?兼容模式?怪癖模式?

如果它不是标准模式,那么您已经发现了问题。

解决方案:

  • 为避免它进入 Quirks 模式,请确保您的 HTML 代码顶部有一个有效的 DOCTYPE:

    <!DOCTYPE html>
    
  • 为了避免它进入兼容模式,请确保你的代码中有 X-UA-Compatible 元标记,并设置告诉 IE 进入标准模式:

    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    

    请注意,IE 具有配置选项,可以告诉它默认为兼容模式,尤其是在浏览本地 Intranet 站点时。这通常会发现使用自己的 PC 测试站点的开发人员。上面的行应该可以解决这个问题,对于通过 Internet 远程访问您的站点的用户通常不会发生这种情况,但无论如何最好确保。

    不过,您可能还是想检查 PC 上的配置设置,然后将其关闭,以防它在将来再次吸引您。

于 2013-11-11T14:27:31.727 回答