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

Question

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

Answer 1

尝试使用media这样的查询

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

假设您的徽标链接是一个锚点（a）