使用HTML5 doctype时会忽略CSS文件

一尘不染

使用HTML5 doctype时会忽略CSS文件

jsp

我有一个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>

有什么线索吗？

阅读 262

2020-06-10

共1个答案

一尘不染

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

Content-type: text/css

2020-06-10