html - 导航栏的媒体查询在移动设备上不起作用

Question

我正在按照教程为我的网站制作导航栏。在处理我的移动菜单响应时，我创建了一个“.burger”类，其中包含三个“条”来表示菜单。由于某种原因，菜单图标根本不显示。

代码：https ://gist.github.com/VlatkoStojkoski/290234f49a6f4e51019ca4b014c03f37

标签： htmlcsssassmedia-queries

Answer 1

您在媒体查询中有错误的 CSS 选择器。

将此添加到@media 屏幕和（最大宽度：775px）。

nav .burger {
    display: block;
}