doctype导致css无法加载

时间:2015-10-14 13:24:39

标签: html css doctype

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

<!DOCTYPE html>

我的样式表已正确链接

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

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

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

1 个答案:

答案 0 :(得分:5)

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

然而,它会将浏览器切换为使用Standards Mode,它将停止在旧浏览器中模拟错误并尝试更严格地遵循规范。

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

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

另一种可能性是服务器声称CSS是其他东西。检查开发人员工具中的“网络”选项卡,确保使用Content-Type: text/css标头发送CSS。如果服务器声称它是纯文本或HTML,则可能会被忽略。

更新

  

该控制台将资源解释为样式表,但使用MIME类型text / html传输:

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