gpt4 book ai didi

html - ie 10 thinking手机版展开后

转载 作者:太空宇宙 更新时间:2023-11-04 14:21:15 25 4
gpt4 key购买 nike

出于某种原因,即 10 所有浏览器的祸根是认为 Bootstrap 导航栏已经是移动版本。原来的 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>

有人知道为什么吗??

最佳答案

检查浏览器模式——它是标准模式吗?兼容模式?怪癖模式?

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

解决方案:

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

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

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

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

    尽管如此,您可能仍想检查 PC 上的配置设置,然后将其关闭,以防它在未来再次出现。

关于html - ie 10 thinking手机版展开后,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19906988/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com