使用HTML5 doctype时忽略CSS文件

Jak*_*kov 3 html css html5 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>
Run Code Online (Sandbox Code Playgroud)

有线索吗?

Joh*_*nde 10

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

Content-type: text/css
Run Code Online (Sandbox Code Playgroud)