儘管MIME類型IE9中沒有加載樣式表

我有一個使用捆綁和縮小的MVC 4應用程序。該應用程序在IE 11，Chrome和其他瀏覽器上100％正確工作，但樣式表在使用IE9時不會呈現。儘管MIME類型IE9中沒有加載樣式表

添加以下到我的web.config的system.webserver部分

<staticContent> 
    <remove fileExtension=".css"/> 
    <mimeMap fileExtension=".css" mimeType="text/css"/> 
</staticContent>

，似乎MIME類型是否正確使用IE瀏覽器的開發者工具

enter image description here

如果MIME時類型是正確的，並且所有樣式表似乎都加載了，爲什麼它不呈現？

邊注：我也使用Twitter Bootstrap 3和FontAwesome，不知道這是否導致問題。

UPDATE：

當我使用Fiddler我可以看到，MIME類型仍然設置爲文本/ CSS;字符集= UTF-8

enter image description here

來源

2014-04-29 user65439

好，最終發現的問題。這不是mime類型的問題，我希望這可以節省幾個小時。 IE9將css文件的大小限制在250kb左右，因爲我正在使用捆綁和縮小，我的一個CSS捆綁包超過了這個限制，並且文件被截斷，導致一些樣式未被應用。

的修復是相當容易的，我拆我的CSS捆綁成兩束，例如

bundles.Add(new StyleBundle("~/Bundles/Shared/CSS").Include(
      "~/Content/bootstrap/bootstrap.min.css", 
      "~/Content/font-awesome.min.css", 
      "~/Content/silviomoreto-bootstrap-select/bootstrap-select.min.css", 
      "~/Content/kendo/kendo.common.min.css")); 

    bundles.Add(new StyleBundle("~/Bundles/SharedTwo/CSS").Include(
      "~/Content/datepicker/css/datepicker.css", 
      "~/Content/kendo/kendo.bootstrap.min.css", 
      "~/Content/bootstrap-touchspin-master/libraries/prettify/prettify.css", 
      "~/Content/bootstrap-touchspin-master/libraries/prettify/demo.css", 
      "~/Content/css/Shared/Index.css"));

來源

2014-04-29 13:54:13 user65439

感謝，這爲我節省了很多的挫折。我想在這裏出來，我不會使用通配符將文件加載到一個包中。你有沒有加載精靈的問題？ –

精靈沒有問題。 – user65439

感謝您的回覆，我想通了......這是相對/絕對路徑的另一個問題。我切換到使用Url.Content（）。 –

儘管MIME類型IE9中沒有加載樣式表

回答

相關問題