Question

我面临一个奇怪的问题。

我在ASP.NET中开发了一个网站

我的问题是：

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

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

可能出现什么问题？

该网站是：Website

Answer 1

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

基本上链接，元标记等......应该在head标签中。将它们放在身体标签中并不是一个好习惯。

比较源代码：

视图源：http://ajeykamat.com/Abroad_Mbbs
视图源：http://ajeykamat.com/

在那里你可以看到＆amp; _bbbs＆＃39;

中缺少bootstrap.css

Answer 2

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

Answer 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在Localhost上运行良好，但在Server上运行不正常

3 个答案: