Django:Firefox 不使用已加载的 CSS
Django: Firefox doesn't use the loaded CSS
所以基本上有一个 Django 应用程序,它像这样引用外部 CSS:
<meta http-equiv="Content-Style-Type" content="text/css; charset=utf-8">
<link rel="stylesheet" type="†ext/css; charset=utf-8" href="{% static 'css/basic.css' %}"/>
这是按以下方式呈现的,似乎是正确的:
<meta http-equiv="Content-Style-Type" content="text/css; charset=utf-8">
<link rel="stylesheet" type="†ext/css; charset=utf-8" href="/static/css/basic.css"/>
问题是 Firefox 不使用 CSS 文件,而 Chrome 和 Safari 使用。当我尝试在 Firefox 中直接查看 CSS 文件时,它正常显示并且内容类型(来自 Page Info
框)是 text/css
。此外,当加载 HTML 页面时,控制台显示 .css
文件已加载,状态为 200。同时 JS 文件似乎正常工作。知道为什么 CSS 无法正常工作吗?
1) 如果您尝试直接浏览浏览器中的样式表,会发生什么情况? http://localhost:8000/static/css/basic.css
2) 删除类型,它不是必需的,可能会混淆 Firefox 而不是其他浏览器。
3) 删除元标记。它适用于您所在的 HTML 页面,不适用于相关文件。
所以基本上有一个 Django 应用程序,它像这样引用外部 CSS:
<meta http-equiv="Content-Style-Type" content="text/css; charset=utf-8">
<link rel="stylesheet" type="†ext/css; charset=utf-8" href="{% static 'css/basic.css' %}"/>
这是按以下方式呈现的,似乎是正确的:
<meta http-equiv="Content-Style-Type" content="text/css; charset=utf-8">
<link rel="stylesheet" type="†ext/css; charset=utf-8" href="/static/css/basic.css"/>
问题是 Firefox 不使用 CSS 文件,而 Chrome 和 Safari 使用。当我尝试在 Firefox 中直接查看 CSS 文件时,它正常显示并且内容类型(来自 Page Info
框)是 text/css
。此外,当加载 HTML 页面时,控制台显示 .css
文件已加载,状态为 200。同时 JS 文件似乎正常工作。知道为什么 CSS 无法正常工作吗?
1) 如果您尝试直接浏览浏览器中的样式表,会发生什么情况? http://localhost:8000/static/css/basic.css
2) 删除类型,它不是必需的,可能会混淆 Firefox 而不是其他浏览器。
3) 删除元标记。它适用于您所在的 HTML 页面,不适用于相关文件。