Question

我开发了一个小网站。在我上传我的设计后，做了一些编码和功能，在我的托管公司网络服务器布局上打破了所有的浏览器。我的意思是有些css正确加载，但有些元素和CSS不在他们的位置。我检查了几次我本地电脑和网络服务器上的css文件，他们有相同的内容。我发现这个错误可能发生在我的config.js文件中，我已经通过我的config.js文件加载了我的CSS。这是我的网站链接：uploaded link

它应该显示并且功能如下：proper layout link

我在我的控制台上发现了这个错误

SyntaxError: syntax error   
<!DOCTYPE HTML>

当我删除这个我在我的头标记中发现错误，当我删除它显示身体标记错误和相同的事情正在发生。任何人都知道为什么会发生这种事情＆amp;如何解决这个问题？

Answer 1

enter image description here

改变

<link rel="stylesheet" href="css/skel-noscript.css" />
            <link rel="stylesheet" href="css/style.css" />
            <link rel="stylesheet" href="css/style-desktop.css" />

Answer 2

我猜你的主页/索引文件的head部分与内部页面部分不同。最简单的方法是复制内页头，粘贴在索引文件中。然后对其进行必要的更改。

请确保所有文件都在一个文件夹中，否则您必须更加小心路径。

现在！在您的主页上没有加载脚本或样式表。

Answer 3

终于得到了解决方案。我删除了我的config.js文件并直接在我的索引页面中加载了所有的CSS。

之前我使用以下代码从config.js文件加载所有css：

    <noscript>
        <link rel="stylesheet" href="css/skel-noscript.css" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/style-desktop.css" />
    </noscript>

现在我删除了我的config.js并直接在我的索引页面中包含所有css，而不是使用<noscript>标记

    <link rel="stylesheet" href="css/skel-noscript.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/style-desktop.css" />

我真的很感谢所有人。

布局＆amp;由于config.js文件，上传到Web服务器后功能被破坏

3 个答案: