如果除了漂亮的杂志布局/ marketing-esq手册之外,我强制使用边距,我没有看到使用http://960.gs或http://blueprintcss.org的重点。有没有办法可以使用它们来满足某些设计要求,例如实际可以触摸/环绕标题的导航栏? 任何使用这些框架而没有边距的输入(因为它们将浏览器兼容性强加到较少的CSS大师级开发人员)将是理想的。(注意:我们使用的是JSF,这也是一个开发商店而不是网络在所有商店购物)
答案 0 :(得分:2)
我使用这种技术作为我最终的CSS布局技术:
http://www.codeofficer.com/blog/entry/css_grid_frameworks_960gs_without_margins/
我曾经遇到过同样的问题,因为我使用了那个,所有的边缘问题都消失了。 当我需要使用自定义宽度/高度时,我会使用!important 。
守则:
<div class="g_9 content_main">
This div should actually have 720px in width.
But I overide it using another class so now the width has become 700px,
and just in case it needs custom margin, we can always set it in the css :)
</div>
CSS:
.c_12 .g_9, .c_16 .g_12 { width: 720px; } /* 960-full.css */
.content_main { width: 700px !important; margin-left: 15px;} /* style.css */
答案 1 :(得分:0)
您不必为网站上的每个div使用网格类。如果您的标题不需要遵循网格布局,那么为标题创建自己的样式。您也可以完全跳过网格,只需使用表格&amp;排版标记。这些框架试图为您的项目带来一些一致性。
我正在使用蓝图作为主要内容,但标题区域有自己的自定义布局。
答案 2 :(得分:0)
这是我编写的一个mod,它与960gs配合使用,可以帮助您创建触摸的元素,而无需重写框架。