我想隐藏一个链接在一定的宽度.如何去做

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();
}

更新小提琴

Answer 2

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

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

Answer 3

Hello i used media Queries for hide you content on Window width resize

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');
  */
}