我是 960 网格和 Adaptive.js 的新手。
我理解这些概念并成功实施了 960 网格。我的问题是我不了解如何实现“自适应”部分。
这是我的代码
<div class="container_12">
<div id="container1" class="grid_3"></div><!--end grid_3 -->
<div id="container2" class="grid_7"></div><!--end grid_7 -->
<div id="container3" class="grid_2"></div><!--end grid_2 -->
</div><!--end container>
这适用于 1200.css,但对于 960.css,我希望容器 2 成为 grid_9,容器 3 下降到下一个“行”并成为 grid_12:见这张图片:[自适应示例] https://docs .google.com/open?id=0BzR0r0y6_XGgMHZQNm9kcDJvNFU
<div class="container_12">
<div id="container1" class="grid_3"></div><!--end grid_3 -->
<div id="container2" class="grid_9"></div><!--end grid_9 -->
<div class="clearfix"></div>
<div id="container3" class="grid_12"></div><!--end grid_12 -->
</div><!--end container>
我知道自适应可以做风格覆盖,
.foobar {
/* Default styles here. */
}
html.range_0 .foobar {
/* Style overrides for: 0px to 760px */
}
html.range_1 .foobar {
/* Style overrides for: 760px to 980px */
}
但这行不通,对吧?
非常感谢任何指导。
谢谢。