CSS 在 localhost 上工作正常，但在服务器上不行答案

【问题标题】：CSS Works fine on Localhost but not on ServerCSS 在 localhost 上工作正常，但在服务器上不行
【发布时间】：2016-06-21 09:28:38
【问题描述】：

我遇到了一个奇怪的问题。

我用 ASP.NET 开发了一个网站

我的问题是：

网站在本地服务器上运行良好，所有页面都运行良好。然后我已将我的文件上传到 GoDaddy 托管帐户。主页工作正常，但其他页面的 CSS 不适用。所有 CSS 都是通过主文件提供的，但它仍然可以在主页上工作，但不能在其他页面上工作。

我已与 hotsing 提供商交叉检查文件夹/文件权限，他们都很好。托管方面没有任何其他问题。

可能的问题是什么？

网站是：Website

【问题讨论】：

我检查了上面的链接，我可以看到 css 已加载。问题还存在吗？
是的。 Css 在主页上运行良好。例如，访问 ajeykamat.com/Abroad_Mbbs。
我认为您缺少一些 .css 文件，因为当我在 view-source:http://ajeykamat.com/Abroad_Mbbs 中搜索 .css 时，只有 4 个 .css 文件，而在 view-source:http://ajeykamat.com/ 中有 22 个 .css 文件，所以您丢失了一些CSS 的东西。

标签： css asp.net web-hosting

【解决方案1】：

注意到您在主页中使用默认页面（例如 Default.aspx）调用了 bootstrap.css。在内页中不可用的地方。理想情况下，这些公共文件应该从母版页（布局模板）而不是内容页调用。

基本上链接、元标记等...应该在头标记中。将这些放在正文标签中并不是一个好习惯。

对比源码：

查看源代码：http://ajeykamat.com/Abroad_Mbbs
查看源代码：http://ajeykamat.com/

你可以看到'Abroad_Mbbs'中缺少bootstrap.css

【讨论】：

感谢您的建议。我会改变它。但是这对我发布的问题有什么影响吗？
是的，我注意到内页缺少 css 样式。
非常感谢。这对我来说就像一个魅力。但这是如何在本地服务器上运行良好的？解释肯定会教我一些东西
很高兴它有帮助！ :) 这可能与加载 bootstrap.css 的主页进行缓存有关。但不检查很难说出它到底是什么。

【解决方案2】：

您可能正在使用 css 的相对路径而不是绝对路径

【讨论】：

好的。你能详细说明一下吗？
即相对路径='css/styles.css'，绝对路径='/css/styles.css'。这两个 url 都可以在主页中使用，但是一旦您转到某个部分，即 mywebsite/info，第一个路径将在 mywebsite/info/css/styles.css 中查找 css 文件，并且它不起作用。
谢谢。我会检查这个。但是这种行为应该适用于所有页面。在这里，CSS 适用于主页但不适用于其他页面。并且 CSS 链接在所有页面通用的母版页面中。

【解决方案3】：

css和js文件的顺序不对。

目前订单如下：http://ajeykamat.com/Abroad_Mbbs

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="Content/menu/styles.CSS">
       <script async="" src="//www.google-analytics.com/analytics.js"></script>
       <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
        <script>
        // analytics code
    </script>
       <script src="Content/menu/script.js"></script>
        <title>
        Abroad_Mbbs - Ajey Kamat : MBBS in Russia | MBBS in Kyrgyzstan | MBBS in Ukraine | MBBS in Philippines | MBBS in Poland | MBBS in Bangladesh
    </title>
    <script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>
    <link href="/Content/css?v=wFlI7GPr8DB0VuPXheNHY8X5NoDOTpjcfLo3B5h4Yzk1" rel="stylesheet">
    <link href="favicon.ico" rel="shortcut icon" type="image/x-icon">

应该是这样的：

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<script async="" src="//www.google-analytics.com/analytics.js"></script>
<title>Abroad_Mbbs - Ajey Kamat : MBBS in Russia | MBBS in Kyrgyzstan | MBBS in Ukraine | MBBS in Philippines | MBBS in Poland | MBBS in Bangladesh
</title>
<script src="/bundles/modernizr?v=wBEWDufH_8Md-Pbioxomt90vm6tJN2Pyy9u9zHtWsPo1"></script>
<link href="/Content/css?v=wFlI7GPr8DB0VuPXheNHY8X5NoDOTpjcfLo3B5h4Yzk1" rel="stylesheet">
<link rel="stylesheet" href="Content/menu/styles.CSS">
   <script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
      <script src="Content/menu/script.js"></script>
    <script>
        // analytics code
</script>

请注意，CSS 和 Javascript 应该需要一个接一个地加载。这里的优先级很重要。

另外，请确保使用绝对路径而不是相对路径。如果您使用 url 重写，使用相对路径会导致 404 错误。有关它的更多详细信息，请访问：Difference between Relative path and absolute path in javascript

【讨论】：

哦，我不知道。谢谢你。我会检查这个并更正订单并在此处发布结果。
另外，请确保正确捆绑。如果css文件中有@import语句，asp.net捆绑会失败。