CSS规则不被认可？

Question

我有一个媒体查询其早该一个div的大小改变从100％到固定2000像素。他们在不同的样式表中。

在头contact.css高于styles.css的 这里是看不到的规则控制台的图像，它甚至不通过罢工表现出来：https://gyazo.com/dd140a95ed8a7d3454f5568a86f49bdc

（在此图像中，浏览器的大小已经减小到小于700像素）

contact.html：

<link rel="stylesheet" href="css/contact.css"> 
<link rel="stylesheet" href="css/styles.css"> 

contact.css：

Styles.css中10

媒体查询：

@media screen and (max-width: 700px) { 

#pageC { 
    height: 2000px; 
    margin-top: 120px; 
} 

} 

Answer 1

选择器#pageC和#PageC是不一样的。

修复它，它会为你正常工作。所有的

@media screen and (max-width: 700px) { 
    #PageC { 
     height: 2000px; 
     margin-top: 120px; 
    } 
} 

Answer 2

首先，在contact.css你使用完全不同的选择#PageC和styles.css的#pageC。这是行不通的选择的，因为案例sensivity。 其次，我建议你把所有样式#pageC在一个地方，因为它有助于优化您的工作。 例如，page.css可以看到如此：

#pageC { 
    position: absolute; 
    z-index: 3; 
    width: 100%; 
    height: 100%; 
} 

@media screen and (max-width: 700px) { 
    #pageC { 
    height: 2000px; 
    margin-top: 120px; 
    } 
}