html - doctype导致css无法加载

标签 html css doctype

<分区>

创建一个包含 html5 文档类型的 html5 网页不会加载 css。但是当我删除 doctype 时,它​​确实加载了 css。该页面包含标准的 html5 文档类型。

<!DOCTYPE html>

我的样式表链接正确

<link href="css/styles.css" rel="stylesheet" type="text/css">

而且我的样式表不包含任何错误

我在 Brackets 中创建网页,并且在使用实时预览时 css 确实加载了 doctype,但在通过网络服务器手动加载页面时却没有。

最佳答案

使用 Doctype 不会阻止浏览器加载 CSS。

但是,它将切换浏览器以使用 Standards Mode其中它将停止模拟旧浏览器中的错误,并尝试更严格地遵循规范。

这经常会导致 CSS 中包含错误的部分(例如缺少单位的长度)被忽略(根据规范的要求)。

您可能需要修复您的 CSS。 validator将帮助您识别它的故障。

另一种可能性是服务器声称 CSS 是其他东西。检查您的开发人员工具中的 Net 选项卡,并确保发送的 CSS 带有 Content-Type: text/css header 。如果服务器声称它是纯文本或 HTML,它可能会被忽略。


更新:

That console says Resource interpreted as Stylesheet but transferred with MIME type text/html:

您需要修复服务器,以便它为样式表提供正确的内容类型。它应该是 text/css 而不是 text/html

关于html - doctype导致css无法加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33126589/

相关文章:

javascript - 如何为移动和桌面浏览器创建两个不同的图像?

html - 更改提交按钮占位符不起作用?

html - 如何内联显示div。 CSS HTML

html - 我怎样才能使表格的单元格更大?

c# - DocType 标记上的 XML 反序列化失败

html - 为什么有些网站不尊重 Chrome 移动浏览器中的文本缩放?

javascript - 让选择器覆盖选项卡以根据需要调整大小和移动?

html - 将多页html表格合并到一页以节省纸张

html - 为什么 doctype 会改变 'display:table-cell' ' 的行为

Eclipse Indigo 在 HTML4 片段中​​生成 HTML5 警告