摘要: 关于 "Responsive".这个词的意思就是所谓的 “响应式”。之前其实没有非常系统的了解过这个东西的意思,现在看了下,弄明白了。响应式布局的一个特征是,能够根据浏览器的不同尺寸,动态的调整 layout,来确保在不同的 device 上的显示效果(电脑,平板,手机)。响应式布局下,各个区块的相对方向关系可能是不确定的。比如一个3列布局的页面,在缩小了窗口之后,或者用手机浏览的时候,页面就会自适应的调整为单列。每一列的内容会改为纵向排列为100%宽。另一个特征是,响应式布局下,各个区块所占的宽度高度等等,一般是通过百分比来指定的,而不是绝对的像素值。关于 CSS cla 阅读全文
posted @ 2013-09-29 02:31 woodfox 阅读(700) 评论(0) 推荐(0) 编辑
摘要: 这几天在熟悉 Pure (Yahoo 做的一个 CSS 可复用代码),阅读文档的过程中了解到了 SMACSS. 记录于此。SMACSS (Scalable and Modular Architecture for CSS) 是一本在线书,是一个关于如何更好的组织 CSS 代码的指南,它不包含具体的 CSS 代码,更多的是对如何更好的模块化和复用 CSS 的思考,非常有价值,值得一读。http://smacss.com瞄了一眼 Module Ruleshttp://smacss.com/book/type-module 一章,里面包含很多我在多年开发实践中,知道怎样做才最好,但是却没有通过文字化 阅读全文
posted @ 2013-09-29 02:10 woodfox 阅读(419) 评论(0) 推荐(0) 编辑