我有一个 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>
有什么线索吗?
最佳答案
您确定要为这些文件发送正确的内容类型 header 吗?我看到您正在使用 Java 生成 CSS。如果没有正确的内容类型,浏览器可能无法理解或尊重它们。
Content-type: text/css
关于使用 HTML5 文档类型时忽略 CSS 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14688218/