栅格系统是怎么设计的?
搜一下:淘宝前端-深入剖析浏览器这个pdf,是阿里一个大牛写的,里面对于栅格系统,解释的很清楚。
基本上就是涉及到一些数学运算,对于定宽的栅格系统来说也不算太复杂,你可以保持用绝对单位。但如果要扩展到响应式的栅格系统,需要换用一些相对单位。具体的细节三言两语很难说清楚,需要不断的尝试。
这里推荐一篇文章给你做参考,入门级的,很简单。这篇文章使用了 Sass 做预处理器,原因是可以利用 Sass 自带的一些用于计算的助手函数及逻辑处理,要比纯写 CSS 轻松一些。
http://www.lukeharrison.net/blog/create-a-sass-grid-system/
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
暂无简介
文章 0 评论 0
接受
发布评论
评论(2)
搜一下:淘宝前端-深入剖析浏览器这个pdf,是阿里一个大牛写的,里面对于栅格系统,解释的很清楚。
基本上就是涉及到一些数学运算,对于定宽的栅格系统来说也不算太复杂,你可以保持用绝对单位。但如果要扩展到响应式的栅格系统,需要换用一些相对单位。具体的细节三言两语很难说清楚,需要不断的尝试。
这里推荐一篇文章给你做参考,入门级的,很简单。这篇文章使用了 Sass 做预处理器,原因是可以利用 Sass 自带的一些用于计算的助手函数及逻辑处理,要比纯写 CSS 轻松一些。
http://www.lukeharrison.net/blog/create-a-sass-grid-system/