Html 对类使用媒体查询

Html 对类使用媒体查询,html,css,media-queries,Html,Css,Media Queries,我试图将媒体查询应用于CSS文件中的类,但似乎无法理解。这是我在CSS文件中的代码,当检查网站时,我可以看到来自媒体查询的字体大小被划过,即使窗口大小是“正确的”。为什么会这样?我应该怎么做才能使文本适应查询 @media screen and (max-width: 1024px) { .title-header {font-size: 20px;}} 能否确保在.title标题块之后调用媒体查询样式 因为在您的示例中,媒体查询块位于第15行,标题标题位于第28行 Css将应用文件下面的代码

我试图将媒体查询应用于CSS文件中的类,但似乎无法理解。这是我在CSS文件中的代码,当检查网站时,我可以看到来自媒体查询的字体大小被划过,即使窗口大小是“正确的”。为什么会这样?我应该怎么做才能使文本适应查询

@media screen and (max-width: 1024px) {
.title-header {font-size: 20px;}}

能否确保在.title标题块之后调用媒体查询样式

因为在您的示例中,媒体查询块位于第15行,标题标题位于第28行


Css将应用文件下面的代码。

两个规则具有相同的特殊性,因此顺序很重要。行号清楚地表明,您的媒体查询规则在“常规”规则之前,所以它在这里就输了。