Question

我有一个HTML页面，当浏览器窗口调整大小时，它使用CSS和JavaScript将页面内容置于浏览器中间。

当我使用标准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>

任何线索？

Answer 1

您确定要为这些文件发送正确的内容类型标头吗？我看到你正在使用Java来生成CSS。如果没有适当的内容类型，浏览器可能无法理解或尊重它们。

Content-type: text/css

使用HTML5 doctype时忽略CSS文件

1 个答案: