Html 我的媒体查询没有';行不通

Html 我的媒体查询没有';行不通,html,css,frontend,Html,Css,Frontend,有人知道为什么我的媒体查询代码不起作用吗?谢谢 @media only screen and (min-width:450px){ .dark-blue{ width: 25%; } .blue{ width: 75%; } } 我的github中的更多详细信息只需将@媒体移动到css页面底部即可。 检查工作示例。 干杯, 只需将@媒体移动到css页面的底部即可。 检查工作示例。 干杯, 它可以工作,但您需要将媒体查询放在其他CSS的下面。否则它不会覆盖任何内容

有人知道为什么我的媒体查询代码不起作用吗?谢谢

@media only screen and (min-width:450px){
  .dark-blue{
    width: 25%;
  }
  .blue{
    width: 75%;
  }
}

我的github中的更多详细信息只需将
@媒体移动到css页面底部即可。
检查工作示例。
干杯,

只需将
@媒体
移动到css页面的底部即可。
检查工作示例。
干杯,

它可以工作,但您需要将媒体查询放在其他CSS的下面。否则它不会覆盖任何内容。

它可以工作,但您需要将媒体查询放在其他CSS下面。否则,它不会覆盖任何内容。

这主要取决于您的项目,因为归根结底,它都是关于维护和轻松添加更多内容的

所以,如果你正在做一个只有一些媒体查询的项目,我建议你把它们都放在样式表的底部,但是把注释放在上面,这样可以使它更明确,也更容易在以后找到它


但是,,如果您知道您将在媒体查询中精心定义许多属性,并且还定义了各种设备,那么我建议将它们分开,只是为了可读性/维护的原因。

这主要取决于您的项目,因为在一天结束时,都是关于维护和添加更多内容的很容易

所以,如果你正在做一个只有一些媒体查询的项目,我建议你把它们都放在样式表的底部,但是把注释放在上面,这样可以使它更明确,也更容易在以后找到它


但是,如果您知道您将在媒体查询中精心定义许多属性,并且还定义了各种设备,那么我建议仅出于可读性/维护原因将它们分开。

检查您的视口谢谢您的回答。但是我把它添加到了我的html中,它不起作用。@RoyCSS运行在first occurance/first Use方法上,因此将规则放在样式表的底部,或者在其他样式表之后添加新的样式表,将总是覆盖以前设置的规则。这就是我出错的原因。谢谢@Martin检查您的视口谢谢您的回答。但是我把它添加到了我的html中,它不起作用。@RoyCSS运行在first occurance/first Use方法上,因此将规则放在样式表的底部,或者在其他样式表之后添加新的样式表,将总是覆盖以前设置的规则。这就是我出错的原因。谢谢@在你的帮助下,我做到了!再次感谢你的帮助!在你的帮助下,我做到了!再次感谢你的帮助!对你确实帮了我,是的!你确实帮了我。