如何在手机或平板电脑上查看菜单？

Question

您好我正在使用HTML构建网站我想创建一个仅在移动设备或平板电脑上显示的菜单。我想创建一个与bootstrap移动视图菜单相同的菜单，但现在必须在桌面模式下显示该菜单。由于我已经有了一个菜单，我只想创建一个菜单，当我们切换到手机或平板电脑视图时显示。

Answer 1

使用媒体查询在您的CSS中添加此内容

#your-menu{
 display:none;
}

并在最后

@media only screen and (max-width:960px){
 #your-menu{
 display:block;
}
}

在此处阅读https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Answer 2

您可以在bootstrap中使用预定义的类

hidden-sm

或hidden-md

用于菜单栏。

为了简单起见，在菜单栏周围进行划分。或者只使用菜单无序列表中的类。