我想隱藏某個寬度的鏈接。怎麼樣？

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