如何在瀏覽器調整大小時隱藏div？

Question

結賬www.usatoday.com。
當瀏覽器調整大小時，右側部分將隱藏。然後它從任何地方出現，當點擊按鈕（反過來，現在隱藏時）。我想做同樣的事情。

Answer 1

使用媒體查詢在你的CSS

@media only screen and (max-device-width: 480px) { 
    .mydiv{display:none;} 
} 

相應地改變你的寬度。

Answer 2

將實現使用媒體查詢檢查http://mediaqueri.es/ 更多的例子

這裏有媒體一些教程查詢

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

http://www.1stwebdesigner.com/css/media-queries-tutorial-convert-burnstudio-responsive-website/

Answer 3

我建議你很簡單的決定。這裏是你的html：

<div id="divToHide"> 
    TEXT THAT SHOUD DISAPPEAR 
</div> 
<button id="showDivToHide"> 
    Show div</button> 

這是javascript代碼：

$(document).ready(function() { 
    $(window).resize(function() { 
     $('#divToHide').hide(); 
    }); 

    $('#showDivToHide').click(function() { 
     $('#divToHide').show(); 
    }); 
}); 

當然你也可以形容自己的規則隱藏和顯示你的股利。