#mobile{ display: none; align-items: center; }
#mobile{ display: flex; align-items: center; }
现在，第一个显示器none是从桌面视图隐藏汉堡菜单，第二个显示器flex是在移动设备上显示汉堡菜单，现在，显示器none工作，但我想让它在移动设备上显示显示显示器flex，但它不工作我尝试显示无隐藏汉堡菜单从桌面视图它的工作，但我希望它显示在移动视图
fnvucqvd1#
要使用汉堡菜单在视图中显示所有内容，同时在桌面视图中隐藏菜单，您可以使用媒体查询来检测屏幕大小，并根据屏幕宽度显示或隐藏菜单。以下是如何使用CSS实现此目的的示例：
/* Style for the hamburger menu */ .hamburger-menu { display: none; /* Hide the menu by default */ } /* Show the hamburger menu on small screens */ @media (max-width: 767px) { .hamburger-menu {display: block; /* Show the menu */ } }
在这个例子中，汉堡菜单有一个“hamburger-menu”类，默认情况下是隐藏的，媒体查询指定菜单应该显示在宽度为767 px或更小的屏幕上。您可以根据需要调整媒体查询的宽度。例如，如果要在宽度为991 px或更小的屏幕上显示菜单，可以将媒体查询更改为@media（max-width：991像素）。我希望我的这个回答对你有帮助。如果没有，请更具体地说明你需要什么帮助。
1条答案
按热度按时间fnvucqvd1#
要使用汉堡菜单在视图中显示所有内容，同时在桌面视图中隐藏菜单，您可以使用媒体查询来检测屏幕大小，并根据屏幕宽度显示或隐藏菜单。以下是如何使用CSS实现此目的的示例：
在这个例子中，汉堡菜单有一个“hamburger-menu”类，默认情况下是隐藏的，媒体查询指定菜单应该显示在宽度为767 px或更小的屏幕上。
您可以根据需要调整媒体查询的宽度。例如，如果要在宽度为991 px或更小的屏幕上显示菜单，可以将媒体查询更改为@media（max-width：991像素）。
我希望我的这个回答对你有帮助。如果没有，请更具体地说明你需要什么帮助。