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方法上,因此将规则放在样式表的底部,或者在其他样式表之后添加新的样式表,将总是覆盖以前设置的规则。这就是我出错的原因。谢谢@在你的帮助下,我做到了!再次感谢你的帮助!在你的帮助下,我做到了!再次感谢你的帮助!对你确实帮了我,是的!你确实帮了我。