【问题标题】:Why is the responsive function not working? [closed]为什么响应功能不起作用? [关闭]
【发布时间】:2021-04-23 00:47:25
【问题描述】:

在给定的link中,为什么导航栏消失的响应效果不起作用?

 <nav>
<li>Hello</li>
</nav>


<style>@media screen and (max-width:400px) {
   .nav {
      display: none;
   }
</style>

【问题讨论】:

  • 你的目标是一个带有点的导航类元素,又名.nav 表示导航类。你想要没有点的nav

标签: html css media-queries


【解决方案1】:

这是因为您使用类选择器.nav 而不是标签选择器nav
你也缺少括号来结束你的媒体查询。

更改它,它应该可以工作

【讨论】:

    【解决方案2】:

    您需要将样式应用于不带点 (.) 的导航元素

       nav {display: none;}
    

    This is how you select elements in css.

    此外,您似乎在样式之前缺少一个右大括号。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2019-11-04
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-10-09
      • 2015-07-16
      • 1970-01-01
      相关资源
      最近更新 更多