3

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

有什么线索吗？

4

1 回答 1

10

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

Content-type: text/css
于 2013-02-04T13:54:12.750 回答