html - 删除手机上的链接

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

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

@media screen and (max-width: 768px) {
    #top-btn { display: none; }
}

希望这对您有所帮助!