移动端隐藏是导航栏 帮我写一个示例

你可以使用CSS的@media查询和display属性来实现导航栏的隐藏。下面是一个示例代码：

HTML代码：

<header>
  <>
    <ul>
     li><a href="#">首页</a></li>
      <li><a href="#">关于我们</a></li>
      <li><a href="#">联系我们</a></li>
    </ul>
  </nav>
</header>

CSS代码：

/* 默认显示导航栏 */
nav {
  display: block;
}

/* 移动端屏幕宽度小于600px时，隐藏导航栏 */
@media only screen and (max-width: 600px) {
  nav {
    display: none;
  }
}

在上面的示例代码中，我们使用了@media查询和max-width属性，当移动端屏幕宽度小于600px时，导航栏会被隐藏。你可以根据自己的需要调整@media查询的条件和导航栏的样式。