响应式网页设计基础也是重点：灵活性(8)

in container设定了最大宽度和最小宽度值，这能让网站在那些我没空去定义media query样式的屏幕分辨率下保持适于阅读的样式。

　　header,footer,.wrap{ … min-width:940px; max-width:940px; }

　　Media Queries资源

　　到了介绍media queries的时候了，比起写关于Script Junkie文章的那个时候，我现在感觉自如多了，这多亏了很多(对我来说)新的工具和资源：

　　·想要在不同设备和分辨率下测试media query 效果？你可以看看Screenfly, 这并不完美，但我发现很实用

　　·Zoe Gillenwater (我至今见过的最好的CSS3资源的作者) 最近整合了“Essential Considerations for Crafting Quality Media Queries.”

　　·Respond.js:支持IE6到IE8的CSS3 media query, 通过使用Rock solid, lightweight polyfill增加最大和最小宽度

　　端正心态

　　对于我来说，将EE播客网站变成灵活式布局的目的是实现响应式网页设计，为我的个人兼职网站加入media queries的目的也是实现响应式网页设计。但是最后，这两个网站呈现的效果都没有完全达到我的目标，但是多亏了这两个经验，我明白了，不可能只通过其中一种方式就实现响应式设计。

　　响应式设计不只是流动式的网格布局，也不只是media queries。响应式设计是一种心态，一种工作流，一个不能够(也不应该)被分隔理解的大的概念。特别是当“移动为先的设计”，以及“新设计过程”这些概念随之出现的时候。