브라우저의 크기를 조정할 때 div를 숨기는 방법은 무엇입니까?

Question

www.usatoday.com을 확인하십시오.
브라우저 크기를 조정하면 지금 섹션이 숨겨집니다. 그런 다음 버튼 (이 버튼이 숨어있을 때 나타납니다)을 클릭하면 아무데도 나타나지 않습니다. 나는 똑같은 일을하고 싶다. 미디어에 대한 몇 가지 자습서

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

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

Answer 1

를 사용하여 미디어 쿼리는 CSS에

Answer 2

달성 할 것이다 사용하여 미디어 쿼리가 더 많은 예제 여기

에 대한 http://mediaqueri.es/ 을 확인 검색어입니다

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

그에 따라 너비를 변경하십시오.

Answer 3

매우 간단한 결정을 제안합니다. 여기에 HTML입니다 :

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

그리고 자바 스크립트 코드 : 숨길하고 사업부를 보여 자신의 규칙을 설명 할 수 물론

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

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

.