css - 使用多个网格容器

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/