【问题标题】:Media query not responsive. The color is not changing and the menu is not collapsing媒体查询无响应。颜色没有变化,菜单没有折叠
【发布时间】:2022-01-11 18:22:37
【问题描述】:

/* 视口小于等于750px */

@media only screen and(max-width:750px){
    .nav{
    background: black;
        }
}

/* x 视口小于等于 750px x */

【问题讨论】:

  • 请说得更具体一些
  • 由于信息太少,我们无法真正判断可能出了什么问题。在这里提问时,请养成正确minimal reproducible examples 提出此类问题的习惯。
  • nav 是类还是标签?
  • 请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样,很难准确地说出你在问什么。

标签: html css responsive-design media-queries


【解决方案1】:

去掉 only 并在 and 和括号之间添加一个空格,以便 css 可以正确读取样式。它应该是这样的:

@media screen and (max-width: 600px) {
    .nav{
    background: black;
        }
}

以后,请尝试提出更具体的问题,并将所有相关代码添加到问题中。

【讨论】:

  • @艾丹年轻。这正是我在几次尝试后所做的。我在 and 和括号之间添加了一个空格,代码现在可以正常工作了。非常感谢,也感谢其他试图提供帮助的人。
  • 没问题!如果代码正常工作,请随时接受它作为答案,以便将来人们将此视为解决方案,它也可以帮助他们。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2019-06-02
  • 2020-09-17
  • 2018-09-13
  • 1970-01-01
相关资源
最近更新 更多