所以我使用Bootstrap并在桌面/平板电脑和移动设备的不同菜单上工作。我有一个用于桌面/平板电脑的常规顶部固定导航栏，而且有几个标签是带有多个列的下拉菜单，这使得将它用于移动设备是不合逻辑的，因此我正在为此执行幻灯片推送菜单。任何人都可以指出我如何有效地这样做的大方向？我知道如何自己实现菜单，它只是促进了各自设备的显示。我是否需要对相应的菜单使用媒体查询和 display：none ，或者可能需要JS if语句？后者会导致移动版本加载网站的速度慢到不可行，因为其他菜单很广泛吗？
我搜索了SE，并找到了答案，但它只适用于WP，所以没有真正帮助，但它使用了if语句。谢谢你的帮助！
答案 0 :(得分：2)
如果您使用的是Bootstrap，则可以根据屏幕的宽度使用类来隐藏部件。
这些课程为hidden-xs，hidden-sm等等。
在bootstrap文档中看到这个： http://getbootstrap.com/css/#responsive-utilities
答案 1 :(得分：2)
对媒体查询使用display : none可以完成这项工作，并且不会在移动版本中造成任何问题。