我得到的机器很少 - 由于mime类型不匹配，'css被忽略了'

Question

我已在生产服务器上部署了ASP.NET。它一直运行正常，但最近我才知道在IE9的客户端机器（与我的版本相同）中，该网站无法正常渲染 - 不会加载CSS和javascripts。

当我从客户端获得F12（IE9中的开发工具）的屏幕截图时，我发现所有CSS错误都有此消息 - “ css因mime类型不匹配而被忽略”和javascript显示 - 'SCRIPT1002：语法错误'

任何建议都非常感谢。我已经尝试了所有想到的东西......我现在迷失了/

这是在客户端收到的回复HTML -

现场

    <script src="/Utility/global.js?Version=2.1.61120.2" type="text/javascript"></script>
    <script src="/Scripts/jquery-1.4.1.min.js?Version=2.1.61120.2" type="text/javascript"></script>
    <script src="/Scripts/global.js?Version=2.1.61120.2" type="text/javascript"></script>
    <style type="text/css"> body { font-size: 84%; } </style>
    <link rel="stylesheet" href="/Themes/default/style/Global.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/Common.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/common_print.css" type="text/css" media="print" />
    <link rel="stylesheet" href="/Themes/default/style/forum.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/forum_print.css" type="text/css" media="print" />
    <script src="/Utility/global.js?Version=2.1.61120.2" type="text/javascript"></script>
    <link rel="stylesheet" href="/Themes/default/style/projects.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/sticky-footer.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/blog.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="/Themes/default/style/menu.css" type="text/css" media="screen" />

Answer 1

CSS内联（内部＆lt; style＆gt;标记），导入（@import inside＆lt; style＆gt;）还是外部（＆lt; link＆gt;）？如果是导入的或外部的，它是否在CDN上，什么是“Content-Type”HTTP响应头发送？如果是内部的，你的＆lt; style＆gt;包含“type”属性？

Answer 2

使用curl检查标题

curl -I http://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css

接下来转到AWS S3控制台，转到文件＆gt;属性＆gt;元数据并确认它们已设置。

IE可能非常关注内容类型。