Question

我有一个div，当屏幕是移动尺寸时我想隐藏它。目前我有

HTML

<div id='top-btn'>
    <a class="fade-in" href="...">Top</a>
</div>

CSS

#top-btn a {
  visibility: visible;
  opacity: 1;
  position: fixed;
  ...
}

@media screen and (max-width: 768px) {

#top-btn a { display: none; }

}

div是隐藏的，但按钮仍然存在，所以还有一个区域仍然链接（可点击）。我希望它完全消失，所以他们无法点击它

Answer 1

您需要删除整个按钮，而不仅仅是链接本身：

something

希望这有帮助！

Answer 2

对我而言，代码可以正常工作......没有任何变化也许你的浏览器不支持@Media，
在这里，您可以查看哪些浏览器支持此命令链接：http://caniuse.com/#feat=css-mediaqueries

但在检查链接之前，试试这个..

@media screen and (max-width: 768px) {

#top-btn , .fade-in { display: none; }

}

移除手机上的链接

2 个答案: