使用HTML5文檔時忽略CSS文件

我有一個HTML頁面，當瀏覽器窗口調整大小時，它使用CSS和JavaScript將頁面內容置於瀏覽器中間。使用HTML5文檔時忽略CSS文件

當我使用標準的HTML5 Doctype聲明時，所有的瀏覽器都完全忽略了我的CSS文件。我不知道爲什麼。當我刪除HTML5 Doctype時，他們再次正常工作。頁面在Chrome，FF和IE中顯示相同（不正確）。一切都錯了。

這裏是頁的開頭：

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" type="text/css" href="/stylesheet-mobile.jsp" > 
    <link rel="stylesheet" type="text/css" href="/stylesheet-mobile-frontpage.jsp" > 

    <meta name="viewport" content="width=device-width" /> 
    <script src="/javascript/jquery/jquery-1.8.3.min.js"></script> 
    <script src="/javascript/resize-fit.jsp"></script> 
    <link rel="shortcut icon" href="/favicon.ico" /> 
</head>

任何線索？

來源

2013-02-04 Jakob Jenkov

您確定要爲這些文件發送正確的內容類型標題嗎？我看到你正在使用Java來生成CSS。如果沒有正確的內容類型，瀏覽器可能不會理解或尊重它們。

Content-type: text/css

來源

2013-02-04 13:54:12

讓我檢查...我會嘗試明確設置標頭。 –

就是這樣！我將它添加到由JSP生成的每個樣式表的頂部，然後一切正常！ <％response.setHeader（「Content-type」，「text/css」）;％> –

使用HTML5文檔時忽略CSS文件

回答

相關問題