響應(yīng)式網(wǎng)頁設(shè)計(jì)基礎(chǔ)也是重點(diǎn)：靈活性(8)

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

　　Media Queries資源

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

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

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

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

　　端正心態(tài)

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

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