Html CSS@media属性可以'；t在条件不适用后反转

当页面宽度小于等于900px时，我使用CSS@media属性隐藏div。它首先起作用，因为当我将页面大小调整到小于901px时，div消失，但当我将页面恢复到正常大小时，div仍然隐藏。代码如下：

<style>
        .mydiv {
           display:block
        }
        @media (max-width: 900px) { 
        .mydiv { 
          display: none;
        } 
      }
     
     
</style>

mydiv先生{
显示：块
}
@介质（最大宽度：900px）{
.mydiv{
显示：无；
} 
}

在大小恢复正常后，如何使div重新出现？

尝试：

<style>
    .mydiv { 
      display: block;
    } 

    @media (max-width: 900px) { 
    .mydiv { 
      display: none;
    } 
  }
 
 
</style>

.mydiv{
显示：块；
} 
@介质（最大宽度：900px）{
.mydiv{
显示：无；
} 
}

试试：

.mydiv{
显示：块；
} 
@介质（最大宽度：900px）{
.mydiv{
显示：无；
} 
}

可能您的某个地方有一个样式干扰，您可能需要查看检查器以查看应用了哪些样式

（以展开模式打开代码段以进行测试）

。隐藏我{
宽度：200px；
高度：50px；
背景：绿色；/*可见*/
}
/*这必须排在最后*/
@仅介质屏幕和（最大宽度：900px）{
.把我藏起来{
背景：红色；/*隐藏*/
}
}

---

可能您的某个地方有一个样式干扰，您可能需要查看检查器以查看应用了哪些样式

（以展开模式打开代码段以进行测试）

。隐藏我{
宽度：200px；
高度：50px；
背景：绿色；/*可见*/
}
/*这必须排在最后*/
@仅介质屏幕和（最大宽度：900px）{
.把我藏起来{
背景：红色；/*隐藏*/
}
}

---

---

我实际上是通过使用

可见性：隐藏
来修复它的，而不是使用
显示：无。
我不知道这是否是一个一致的修复，但它对我有效我实际上是通过使用
可见性：隐藏
来修复它的，而不是使用
显示：无。
我不知道这是否是一个一致的修复，但是它对我有效
你需要设置
.mydiv
来再次显示
块，内联块
任何东西。由于您没有提供任何其他代码，我猜您没有。CSS不知道如何将元素返回到其原始状态，除非您告诉它。只需在上面直接添加
mydiv{display:block}
。这是否回答了您的问题？我尝试过这些方法，但它们似乎不起作用。在您的代码@jackiesoussant中缺少分号
display:block
。此代码应该可以工作。你可能还有别的事。我看到您改为设置了
可见性
，但这可能不是正确的修复方法，您需要找到原因的根源。您需要设置
.mydiv
以再次显示
块、内联块
任何内容。由于您没有提供任何其他代码，我猜您没有。CSS不知道如何将元素返回到其原始状态，除非您告诉它。只需在上面直接添加
mydiv{display:block}
。这是否回答了您的问题？我尝试过这些方法，但它们似乎不起作用。在您的代码@jackiesoussant中缺少分号
display:block
。此代码应该可以工作。你可能还有别的事。我看到您改为设置了
可见性
，但这可能不是正确的修复方法，您需要找到原因的根源。您可以将div的html代码添加到类“.mydiv”中吗？您可以将div的html代码添加到类“.mydiv”中吗？代码片段工作得很好，但当我将其应用到我的代码中时，它没有任何作用。我很困惑。你能发布CSS样式表@JackieSoussan相关部分的完整版本吗？我很确定你错过了一些东西，也看看Chrome inspector，看看你的样式中是否没有缺少分号。代码片段工作得很好，但是当我将它应用到我的代码中时，它什么也没有做。我很困惑。你能发布CSS样式表@JackieSoussan相关部分的完整版本吗？我很确定你错过了一些东西，也看看Chrome inspector，看看你的样式中是否没有缺少分号，
visibility:hidden
只是让一个元素不可见，但元素仍然在这里，并且仍然占据空间<代码>显示：无
实际上从显示流中“删除”元素，使其有效地消失请注意，
可见性：隐藏
只是使元素不可见，但元素仍然在这里，并且仍然占用空间<代码>显示：无
实际上从显示流中“删除”元素，使其有效地消失