響應式網頁設計基礎也是重點：靈活性(8)

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

　　Media Queries資源

　　到了介紹media queries的時候了，比起寫關于Script Junkie文章的那個時候，我現(xiàn)在感覺自如多了，這多虧了很多(對我來說)新的工具和資源：

　　·想要在不同設備和分辨率下測試media query 效果？你可以看看Screenfly, 這并不完美，但我發(fā)現(xiàn)很實用

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

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

　　端正心態(tài)

　　對于我來說，將EE播客網站變成靈活式布局的目的是實現(xiàn)響應式網頁設計，為我的個人兼職網站加入media queries的目的也是實現(xiàn)響應式網頁設計。但是最后，這兩個網站呈現(xiàn)的效果都沒有完全達到我的目標，但是多虧了這兩個經驗，我明白了，不可能只通過其中一種方式就實現(xiàn)響應式設計。

　　響應式設計不只是流動式的網格布局，也不只是media queries。響應式設計是一種心態(tài)，一種工作流，一個不能夠(也不應該)被分隔理解的大的概念。特別是當“移動為先的設計”，以及“新設計過程”這些概念隨之出現(xiàn)的時候。