搭建简单的响应式布局的CSS

模仿知名轻博客系统Tumblr搭建博客网站页面的例子

 属性            大小     日期    时间   名称
----------- ---------  ---------- -----  ----
     目录           0  2011-05-11 01:52  adaptive-design-demo\
     文件        6148  2011-05-11 01:52  adaptive-design-demo\.DS_Store
     目录           0  2011-05-11 01:55  __MACOSX\
     目录           0  2011-05-11 01:55  __MACOSX\adaptive-design-demo\
     文件          82  2011-05-11 01:52  __MACOSX\adaptive-design-demo\._.DS_Store
     文件        3214  2011-05-11 00:48  adaptive-design-demo\demo-step1.html
     文件        4400  2011-05-11 00:48  adaptive-design-demo\final.html
     目录           0  2011-05-08 13:55  adaptive-design-demo\images\
     文件       60182  2011-02-04 21:51  adaptive-design-demo\images\body-bg.jpg
     目录           0  2011-05-11 01:55  __MACOSX\adaptive-design-demo\images\
     文件          82  2011-02-04 21:51  __MACOSX\adaptive-design-demo\images\._body-bg.jpg
     文件        1106  2011-02-03 07:03  adaptive-design-demo\images\nav-bar-bg.png
     文件          82  2011-02-03 07:03  __MACOSX\adaptive-design-demo\images\._nav-bar-bg.png
     文件       56605  2011-05-08 13:55  adaptive-design-demo\images\sample-image.jpg
     文件          82  2011-05-08 13:55  __MACOSX\adaptive-design-demo\images\._sample-image.jpg
     文件        1992  2011-05-11 00:46  adaptive-design-demo\media-queries.css
     文件        7203  2011-05-11 00:47  adaptive-design-demo\style.css