javascript - 在运行时中删除标签

我有以下代码：

<h1 id="logo">
    <a class="brand" href="/cgi-bin/koha/opac-main.pl">
        CSU Library
    </a>
</h1>

当我的浏览器宽度为701px或更高时，我不希望看到它（编辑说明：元素应从我的html代码中删除）；否则，当我的浏览器宽度小于701px时，可以正常看到该标签。

有什么办法可以做到吗？我不知道从这段代码去哪里。

@media only screen and (min-width: 701px){
    ....??
}

最佳答案

如果这是您正在构建的响应式网站，则可以在CSS中轻松实现。

@media (min-width: 700px) {
   #logo {
       display: none;
    }
}

关于javascript - 在运行时中删除标签，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25635322/