栅格系统是怎么设计的?


栅格系统是怎么设计的?

sass css less

norton 10 years, 2 months ago

搜一下:淘宝前端-深入剖析浏览器这个pdf,是阿里一个大牛写的,里面对于栅格系统,解释的很清楚。

特殊D杀必死 answered 10 years, 2 months ago

基本上就是涉及到一些数学运算,对于定宽的栅格系统来说也不算太复杂,你可以保持用绝对单位。但如果要扩展到响应式的栅格系统,需要换用一些相对单位。具体的细节三言两语很难说清楚,需要不断的尝试。

这里推荐一篇文章给你做参考,入门级的,很简单。这篇文章使用了 Sass 做预处理器,原因是可以利用 Sass 自带的一些用于计算的助手函数及逻辑处理,要比纯写 CSS 轻松一些。

http://www.lukeharrison.net/blog/create-a-sass-grid-system/

香霖堂的夏天 answered 10 years, 2 months ago

Your Answer