我是 CSS 设计的初学者。
我正在使用 Foundation 4 (Zurb) 来设计我的大学项目的前端。我了解到Foundation 4本质上是响应式设计的。
Foundation 4是否需要CSS媒体查询？如果是，那么我该如何使用它可以从中获得什么好处？
问问题
569 次
1 回答
1
您应该阅读文档的“媒体查询”和“网格”部分：http: //foundation.zurb.com/docs/
<div class="row">
<div id="block" class="small-2 large-8 columns">Content</div>
</div>
由于“small-2”类，此代码将使每个屏幕尺寸的“#block”为 2 列宽。'large-8' 类在 768 像素及以上的窗口宽度上覆盖该行为，使其在大屏幕上为 8 列宽。
为简化起见，该代码会将“#block”在手机屏幕上呈现为 2 列宽，在桌面屏幕上呈现为 8 列。
如果你需要 IE6-8 支持，你也需要使用 Respond.js： https ://github.com/scottjehl/Respond
于 2013-04-06T02:16:21.163 回答