Question

我有一个非常奇怪的案子让我疯了！我已经削减了一个使用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服务器并在本地加载页面（localhost），它在IE11中呈现正常。该问题仅涉及在远程提供时在IE11中查看页面。

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

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

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

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

道格

Answer 1

我刚刚找到了行为的原因。这是＆＃34;在兼容性视图中显示内部网站点＆＃34;在IE中设置。

我添加了元标记

＆＃13;

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

＆＃13;

现在一切正常。

从IIS提供时，Bootstrap导航栏无法在IE11中呈现，但在iis-express中可以正常

1 个答案: