CSS当我达到某个分辨率时禁用标签

Question

美好的一天，

我的HTML代码如下所示：

<a href="index.html#timeline-embed" class="btn btn-large" data-scroll="true">Latest</a>
<a href="index.html#timeline-embed" class="btn btn-large" data-scroll="true">TL</a>

基本上，CSS看起来像这样：

.btn-large
{
  padding: 11px 19px;
  font-size: 20px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

基本上，我希望它能够在我的浏览器调整到某个分辨率时，.btn-large不再适用/工作了。我怎样才能做到这一点？如何使用@media查询执行此操作。