Jquery 我想以一定的宽度隐藏链接。怎么用？

我试图在窗口宽度低于600像素时隐藏链接。 我已经试过了，我也在寻找一种方法来做到这一点，但到目前为止，我还没有找到任何似乎有效的方法。我试过了：

@media screen and (max-width: 600px) {
    #hideme {
        display: none !important;
    }
}

这对我不起作用。。请随意查看JSFIDLE

---

您的CSS媒体查询应该可以工作。以下是演示：

对于jQuery版本，可以使用

$（document.width（）

而不是

document.width

：

if($(document).width() > 600)
{
    $("#hideme").hide();
}

演示：

---

您好，我使用媒体查询在窗口宽度调整上隐藏您的内容

---

我对css没有更多的了解，但您可以通过js隐藏元素

if($("#element_id").width() > 600){
  $(this).hide();
  /* or
  $(this).css('display', 'none');
  */
}

---

@PratikJoshi我知道Fiddle不一定需要css，我会试试这个方法，然后给你回复！当我出于某种原因在小提琴中使用CSS时，CSS媒体查询有效，而我的却没有。css很好用，jquery也很好用。谢谢你这么快回复我@Adamdadam很高兴它帮助了bro:-）为什么你们要把媒体查询和jScript包含在讨论中？您可以使用媒体查询进行此操作。你打算使用javascript 1000次，比如说，WindowsSize->this，然后this。更好的方法是使用mediaQuery进行响应design@media只有屏幕和（最大宽度：600px）{}必须工作，检查您做错了什么，而不是通过jQuery

@media only screen and (max-width : 600px) {
    #hideme{display: none!important;}
} 

if($("#element_id").width() > 600){
  $(this).hide();
  /* or
  $(this).css('display', 'none');
  */
}