知行合一

标签:栅格系统

网页栅格系统研究(4):技术实现-嘟嘟鱼
技术

网页栅格系统研究(4):技术实现

嘟嘟鱼阅读(638)评论(0)赞(0)

前三篇文章中,明确了栅格系统的设计细节和适用范围。这一篇将集中讨论960栅格系统的技术实现。 Blueprint的实现 Blueprint是一个完整的CSS框架,栅格系统是它的一部分功能。我们来看demo页面: 以上三栏布局的代码为: &l...

网页栅格系统研究(3):粒度问题-嘟嘟鱼
技术

网页栅格系统研究(3):粒度问题

嘟嘟鱼阅读(694)评论(0)赞(0)

研究(2)中讨论了栅格系统的基础知识。这一篇将集中探讨栅格系统的粒度问题。(注:如非特别指明,栅格系统均指24列960栅格系统) 淘宝的首页(截图)目前尚未严格遵守栅格系统,如果重构的话,宽度方向可以考虑采用下面的栅格布局(只考虑页面主体部...