我有以下代码:
<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;
}
}
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句