从 IIS 提供时，引导导航栏无法在 IE11 中呈现，但在 iis-express 中可以答案

【问题标题】：Bootstrap navbar not rendering in IE11 when served from IIS, but OK in iis-express从 IIS 提供时，引导导航栏无法在 IE11 中呈现，但在 iis-express 中可以
【发布时间】：2018-03-07 21:32:47
【问题描述】：

我有一个非常奇怪的案子让我发疯！我已将使用 Bootstrap 导航栏的页面缩减到最低限度。

<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Home Page - My ASP.NET Application</title>
    <link href="/Content/bootstrap.css" rel="stylesheet" />
</head>
<body>
    <div class="navbar navbar-default container">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav">
                    <li><a href="/">Home</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Data <span class="caret"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="/Data1">Data 1</a></li>
                            <li><a href="/Data2">Data 2</a></li>
                        </ul>
                    </li>
                    <li><a href="/Admin">Admin</a></li>
                </ul>
            </div>
        </div>
    </div>

    <script src="/Scripts/jquery-3.3.1.js"></script>
    <script src="/Scripts/bootstrap.js"></script>

</body>
</html>

当我在 Visual Studio 中使用本地 iisexpress 运行该页面时，它在 IE11 和 Chrome 中都呈现得非常好。

但是，当我将页面移动到运行 IIS 的 Windows Server 时，它在 Chrome 中呈现正常，但在 IE11 中却出现问题。

IE11 中只显示三栏小导航图标，与浏览器窗口大小无关。点击导航栏没有效果。

如果我使用远程桌面访问 Web 服务器并在本地加载页面（本地主机），它在 IE11 中呈现良好。该问题仅与远程服务时在 IE11 中查看页面有关。

对于 Chrome 和 IE11，我尝试删除浏览器缓存并在 Fiddler 中观看，因为请求了 html、css 和 js 文件，并且看起来一切正常。所有文件都返回 OK，状态码为 200。

这本身不可能是 IE11 问题，因为当从本地 VS + iisexpress 启动时，页面在 IE11 中加载并运行正常。但不是来自 IIS。

它在 IIS 和 iisexpress 的 Chrome 中运行良好。

任何想法，因为我已经用完了。

道格

【问题讨论】：

我发现了一件更有趣的事情。如果我将桌面远程连接到 IIS Web 服务器并在 IE11 中打开页面，那么 localhost/home.html 工作得非常好，但 servername/home.html 就像上面一样搞砸了。

标签： twitter-bootstrap iis navbar iis-express

【解决方案1】：

我刚刚找到了这种行为的原因。就是 IE 中的“在兼容性视图中显示 Intranet 站点”设置。

我添加了元标记

    &lt;meta http-equiv="X-UA-Compatible" content="IE=edge"&gt;

现在一切正常。

【讨论】：