使用多个网格容器

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/