简体   繁体   中英

Resource interpreted as Stylesheet but transferred with mime

Fellow Coders,

I am having this error in my website when i uploaded it to my FTP: Resource interpreted as Stylesheet but transferred with MIME type 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>

Here are my scripts

<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>

OP forgot to upload his responsive.css , and it wasn't found. Ensure you have uploaded that file to the root folder.

As shown below, you can see if this is happening in the network tab (F12 in firefox or chrome under the developer tools). You can also click on the mystyle.css , and click "Response" to view what was downloaded and ensure you're seeing the correct stylesheet.

If you navigated to the css file, you would see that it goes to your hosting providers 404 error page, instead of the correct .css file.

The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM