在Chrome和IE中只加载了第一个外部CSS文件

时间：2014-01-22 12:06:02

标签： html css html5 internet-explorer google-chrome

我有一个奇怪的问题，无法从网上找到原因。

问题是：使用以下代码，reset.css可以工作，但是下面的2个css文件不起作用。

如果删除reset.cc，第二个css可以正常工作。如果我先删除2，那么最后一个可以正常工作。

总结一下，Chrome和IE中只加载了n个外部CSS文件中的第一个。这是我的工作电脑。我不是这台电脑的管理员。我在自定义'my documents / web'文件夹中工作。我还从头创建了所有html和css，除了reset.css。

我确信所有文件都已加载。确定这不是缓存问题。我在本地文件夹环境中完成了我的工作。

Chrome版本：25.0.1364.172

IE版：9

我的外部CSS顺序：

  1. reset.css
  2. fixed.css
  3. responsive.css

    4. 你已经知道reset.css了。另外两个是：

    fixed.css 

    body{
background-color:yellow;
}

    responsive.css 

    body{
font-size:300%;
}

    的index.html 

    <!DOCTYPE html>
<html>
<head>  
    <meta charset=utf-8>
    <title>Lorem Ipsum</title>  
    <script src="js/modernizr-1.7.min.js"></script><!-- this is the javascript allowing html5 to run in older browsers -->  
    <link rel="stylesheet" type="text/css" href="reset.css" media="screen" title="html5doctor.com Reset Stylesheet" />
    <link rel="stylesheet" type="text/css" href="fixed.css" media="screen" title="Stylesheet for X resolution" />
    <link rel="stylesheet" type="text/css" href="responsive.css" media="screen" title="Stylesheet for different viewport widths" />
</head>
<body id="page">
<div id="wrapper-header">a</div><!-- header wrapper-->
<div id="wrapper-content">b</div><!-- content wrapper -->
<div id="wrapper-footer">c</div><!-- footer wrapper -->
</body>
</html>

    修改

    因为你在Chrome检查员中很奇怪？我离这个问题更近了一步，但具体是什么呢？

    enter image description here

0 个答案:

没有答案
相关问题
最新问题