Question

研究员，

当我将其上传到我的FTP时，我的网站出现此错误：资源被解释为样式表但是使用MIME类型text / plain传输

</head>
<body>
    <div class= "navbar navbar-inverse navbar-fixed-top">
        <div class="container">
            <a href="#" class="navbar-brand">BlahBlahism</a>

            <button class="navbar-toggle" data-toggle = "collapse" data-target= ".navHeaderCollapse">
                <span class = "icon-bar"></span>
                <span class = "icon-bar"></span>
                <span class = "icon-bar"></span>
            </button>   
            <div class="collapse navbar-collapse navHeaderCollapse">
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="Responsive.html">Home</a></li>
                    <li><a href="contact.html">Contact</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse navbar-fixed-bottom">
        <div class="container">
            <p id="pcolor">BlahBlahism | © Copyright </p>
        </div>
    </div>

</body>

这是我的脚本

<html>
<head>
    <link rel="stylesheet" href="responsive.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="bootstrap-3/js/bootstrap.js"></script>
    <script src="bootstrap-3/js/bootstrap.min.js"></script>
    <link href="bootstrap-3/css/bootstrap.min.css" rel="stylesheet"
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>

Answer 1

OP忘记上传他的responsive.css，但未找到。确保已将该文件上载到根文件夹。

如下所示，您可以在网络选项卡中查看是否发生这种情况（Firefox中的F12或开发人员工具下的chrome）。您也可以点击mystyle.css，然后点击＆＃34;响应＆＃34;查看已下载的内容并确保您看到正确的样式表。

如果您导航到css文件，您会看到它转到您的托管服务提供商404错误页面，而不是正确的.css文件。

资源解释为样式表但使用mime传输

1 个答案: