样式表未在ie11或firefox上加载

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了样式表未在ie11或firefox上加载相关的知识,希望对你有一定的参考价值。

我在哪里出错了,请各位,尝试了各种来源的各种变化,但无济于事 - 这是代码,我希望你可以帮助稍微疯狂 - 先谢谢你们...

<!doctype html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge"><![endif]-->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <title>Home</title>


    <link rel="shortcut icon" href="assets/img/favicon.ico">
    <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.jpg">
    <link rel="apple-touch-icon" sizes="72x72" href="assets/img/apple-touch-icon-72x72.jpg">
    <link rel="apple-touch-icon" sizes="114x114" href="assets/img/apple-touch-icon-114x114.jpg">

    <link rel="stylesheet" type="text/css" href="assets/css/custom-animations.css" />
    <link rel="stylesheet" type="text/css" href="assets/css/style.css" />

    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!--[if lt IE 9]>
        <script src="assets/js/html5shiv.js"></script>
        <script src="assets/js/respond.min.js"></script>
    <![endif]-->
</head>
答案

第一:我会尝试在CSS路径之前添加额外的正斜杠,例如:

<link rel="stylesheet" type="text/css" href="/assets/css/custom-animations.css" /> <link rel="stylesheet" type="text/css" href="/assets/css/style.css" />

如果这不起作用,那么尝试测试绝对路径来代替相对路径,例如

<link rel="stylesheet" type="text/css" href="http://www.daveswebsite.com/assets/css/custom-animations.css" /> <link rel="stylesheet" type="text/css" href="http://www.daveswebsite.com/assets/css/style.css" />

如果后者仍然不起作用,那么CSS文件的格式可能会出现问题。

以上是关于样式表未在ie11或firefox上加载的主要内容,如果未能解决你的问题,请参考以下文章

“样式表未加载,因为它的 MIME 类型“text/html”不是“text/css”[关闭]

未在IE11上加载错误“符号”的Vue.js未定义

CSS 未在 Chrome 中加载

Next.js 样式表未加载

输入范围样式 IE11/Firefox 与 Chrome 相同

SVG 符号未在 Firefox 中显示