html - 仅关注特定媒体查询中的链接

Question

我有一个div包含一些文本和一个链接。

<a href="mypage.html">
   <div>
      Text goes here ...
   </div>
</a>

但是，我只希望链接在一定的页面宽度下工作，即小于或等于 625px。我知道下面的代码是无稽之谈，但它说明了我正在寻找的东西：

a {
   follow-link: no;
}

@media (max-width: 625px){
   a {
      follow-link: yes;
   }
}

使用 javascript 的解决方案对我来说也很好。

谢谢你的帮助！

标签： htmlcss

Answer 1

您可以使用名为pointer-events

a {
   pointer-events: none;
}

@media (max-width: 625px){
   a {
      pointer-events: all;
   }
}