html - 如果屏幕宽度小于特定宽度，则隐藏导航栏的某些链接

Question

我的导航栏应该是响应式的。当屏幕尺寸小于 680 像素时，如何隐藏除名为 logo 的 Logo 链接之外的其他链接？谢谢。

Answer 1

尝试像这样使用media查询

@media screen and (max-width: 680px) {
    .navbar a:not(:first-child) {
        display: none;
    }
}

假设你的logo链接是一个 anchor (a)