使用 HTML5 doctype 时忽略 CSS 文件

2024-04-10

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

有什么线索吗?


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

Content-type: text/css
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 HTML5 doctype 时忽略 CSS 文件 的相关文章