960gs嵌套网格与响应性相结合

Question

大家晚上好，

我有一个关于使用嵌套网格960.gs和响应式网页设计的问题。 目前我使用嵌套网格和Alpha和Omega类，向左（alpha）和右（Ω）边距重置为0.现在硬编码。 我的网格结构如下：

 <div class="grid_8">
  <ul class="recentbox">

       <li class="grid_4 projectbox alpha">
            <a href="#">

            <div class="thumbnails">
               <img src="images/portfolio/thumbnails/thumbnail-5.png" alt="Thumbnail">
            </div> <! - End. Thumbnails ->
            </a>

            <div class="description">
                 <h3> <a href="#"> Title Project </a> </h3>
                 <p> Lorem ipsum dolor sit amet, elit consectetur adipiscing. Phasellus ante quis eros.
                 </p>
            </div> <! - End. Description ->

            <div class="tags">
                Tags: Photoshop, Illustrator, Graphic Design
            </div> <! - End. Tags ->
        </li> <! - End li.grid_4 projectbox ->



       <li class="grid_4 projectbox">
            <a href="#">

            <div class="thumbnails">
               <img src="images/portfolio/thumbnails/thumbnail-5.png" alt="Thumbnail">
            </div> <! - End. Thumbnails ->
            </a>

            <div class="description">
                 <h3> <a href="#"> Title Project </a> </h3>
                 <p> Lorem ipsum dolor sit amet, elit consectetur adipiscing. Phasellus ante quis eros.
                 </p>
            </div> <! - End. Description ->

            <div class="tags">
                Tags: Photoshop, Illustrator, Graphic Design
            </div> <! - End. Tags ->
        </li> <! - End li.grid_4 projectbox ->



       <li class="grid_4 projectbox omega">
            <a href="#">

            <div class="thumbnails">
               <img src="images/portfolio/thumbnails/thumbnail-5.png" alt="Thumbnail">
            </div> <! - End. Thumbnails ->
            </a>

            <div class="description">
                 <h3> <a href="#"> Title Project </a> </h3>
                 <p> Lorem ipsum dolor sit amet, elit consectetur adipiscing. Phasellus ante quis eros.
                 </p>
            </div> <! - End. Description ->

            <div class="tags">
                Tags: Photoshop, Illustrator, Graphic Design
            </div> <! - End. Tags ->
        </li> <! - End li.grid_4 projectbox ->

   </ul> <! - End ul ->

我的网站有3列布局。 现在的问题是我想让我的网站响应。对于我的iPad，我只设计了3列而不是2列。当我将容器设置为适当的宽度（对于iPad）时，第一个div底部的最后一个div（带有额外的类omega）站立，使得这个div错误属性。完全看见的类alpha和omega在代码中是硬编码的，改变后不接受它们。上面例子中的中间div实际上必须得到omega类和最后一个div（现在处于第一个条件下），alpha类应该得到。

我希望该网站具有响应式媒体查询，我的问题是，我该如何做，alpha和omega能够适应网格或我如何在没有课程的情况下这样做？

谢谢你！

Greetz，Casper B

PS：对不起我的英语，这不是我的母语。