다중 그리드 컨테이너 사용

Question

960gs 메서드를 사용하고 있는데 브라우저 크기에 따라 브라우저의 크기가 바뀌면 완전히 다른 표를 사용하고 싶습니다. 어떻게 가능합니까?

예 : 예를 들어

<div class="container_22"> # 1920 design 
    <div class="grid_22"> 
     - header - 
    </div> 
    <div class="grid_11"> 
     - content - 
    </div> 
    <div clas="grid_11"> 
     - content - 
    </div> 
</div> 

브라우저 폭이 브레이킹

<div class="container_8"> # 1280 design 
    <div class="grid_8"> 
     - header - 
    </div> 
    <div class="grid_4"> 
     - content - 
    </div> 
    <div clas="grid_4"> 
     - content - 
    </div> 
</div> 

Answer 1

를 사용하여 미디어 쿼리를 켭니다? 그들은 당신이 다른 크기로 특정 수업을 설정하는 데 도움이 될 수 있습니다 http://www.scripttheweb.com/design/css-media-queries-beginners-guide/