我想隐藏一定宽度的链接。怎么样？

Question

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

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

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

jsFiddle

Answer 1

您的CSS媒体查询应该有效。以下是演示：http://jsfiddle.net/nBZxc/2/

对于jQuery版本，您可以使用$(document).width()代替document.width：

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

<强> Updated Fiddle

Answer 2

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

演示： http://jsfiddle.net/Zest4/

Answer 3

您好我使用媒体查询将内容隐藏在窗口宽度调整大小

上

http://jsfiddle.net/nBZxc/3/

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

Answer 4

我对css没有更多的了解，但你可以用js隐藏元素。

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