javascript - 我的网站卡在预加载器循环中（CSS 损坏）

问题描述

新手，第一次遇到这个问题。我的网站（www.kandomedia.co.za）在我根据附加图像在本地机器上离线开发时运行良好。 Kando Media 网站本地机器

但是，一旦我将其上传到我的托管帐户，它就会卡在预加载器屏幕上（如果您访问www.kandomedia.co.za/new/，您可以看到这一点）

我在谷歌上做了很多研究，试图解决这个问题，但仍然无法解决。如果我完全删除了预加载器，则该网站的格式不正确，就像它在我的本地机器上显示的那样。该网站似乎没有加载 CSS 文件等。

我已经检查、仔细检查和三次检查以确保所有路径都是正确的，并且一切都在它应该在的地方。但仍然没有运气。

这是 head 标签中的结构：

<html lang="en-US" dir="ltr">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- ===============================================-->
    <!--    Document Title-->
    <!-- ===============================================-->
    <title>Kando Media (Pty) Ltd :: Website design, graphic design and website hosting services South Africa</title>

    <!-- ===============================================-->
    <!--    Favicons-->
    <!-- ===============================================-->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/img/favicons/apple-touch-icon.png">
    <link rel="icon" type="image/png" sizes="32x32" href="assets/img/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="assets/img/favicons/favicon-16x16.png">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicons/favicon.ico">
    <link rel="manifest" href="assets/img/favicons/manifest.json">
    <meta name="msapplication-TileImage" content="assets/img/favicons/mstile-150x150.png">
    <meta name="theme-color" content="#ffffff">

    <!-- ===============================================-->
    <!--    Stylesheets-->
    <!-- ===============================================-->
    <link href="assets/lib/loaders.css/loaders.min.css" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,500,700" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">
    <link href="assets/lib/remodal/remodal.css" rel="stylesheet">
    <link href="assets/lib/remodal/remodal-default-theme.css" rel="stylesheet">
    <link href="assets/lib/owl.carousel/owl.carousel.css" rel="stylesheet">
    <link href="assets/lib/lightbox2/css/lightbox.css" rel="stylesheet">
    <link href="assets/lib/semantic-ui-accordion/accordion.min.css" rel="stylesheet">
    <link href="assets/lib/semantic-ui-transition/transition.min.css" rel="stylesheet">
   <link href="assets/css/theme.css" rel="stylesheet">
      <link rel="stylesheet"  href="assets/css/theme.css" type="text/css">
  </head>

我在哪里错了？我一整天都没睡，试图弄清楚这一点。即使是我的经验丰富的开发人员也无法弄清楚（除非他不想帮助我哈哈）

请帮忙，我真的很感激。

标签： javascripthtmlcss

javascript - 我的网站卡在预加载器循环中（CSS 损坏）

问题描述

解决方案

推荐阅读