Jquery 仅为桌面设置样式（响应站点）

好吧，我希望这一切都是有意义的，但我们走吧

我目前正在建立一个响应网站，但桌面版本已经完成。我在div包装中有一个图像。它具有悬停状态并显示一些测试。这都是通过CSS完成的

现在在平板电脑上，我希望能够为文本创建下拉列表，而不是悬停状态。但问题是，当我将鼠标悬停在div上时，我需要单击内容显示的平板电脑版本（最大宽度：1024px）。但我只希望它显示jquery中的onClick

以下是在网站上设置的CSS网站：

.textHoverWrapOne:hover div.block-50_textHoverOne, .textHoverWrapTwo:hover div.block-50_textHoverTwo, .textHoverWrapThree:hover div.block-50_textHoverThree,.textHoverWrapFour:hover div.block-50_textHoverFour, .textHoverWrapFive:hover div.block-50_textHoverFive, .textHoverWrapSix:hover div.block-50_textHoverSix{
    visibility: visible;
     opacity: 1;
     -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

我希望能够删除平板电脑和任何更小的样式。但我似乎无法清除它们。我能想到的唯一方法是在移动/平板设备上用jQuery删除这个类，但它似乎太粗糙了

有没有一种方法可以使用媒体查询将样式设置为仅出现在超过1024像素的任何内容上？

非常容易：

@media (min-width: 1024px)

---

非常感谢。不知道为什么我没有想到这一点！但再次感谢！

@media screen and (min-width: 1024px) {
  // your rules here
}