響應(yīng)式網(wǎng)頁設(shè)計基礎(chǔ)也是重點:靈活性(8)
header,footer,.wrap{ … min-width:940px; max-width:940px; }
Media Queries資源
到了介紹media queries的時候了,比起寫關(guān)于Script Junkie文章的那個時候,我現(xiàn)在感覺自如多了,這多虧了很多(對我來說)新的工具和資源:
·想要在不同設(shè)備和分辨率下測試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播客網(wǎng)站變成靈活式布局的目的是實現(xiàn)響應(yīng)式網(wǎng)頁設(shè)計,為我的個人兼職網(wǎng)站加入media queries的目的也是實現(xiàn)響應(yīng)式網(wǎng)頁設(shè)計。但是最后,這兩個網(wǎng)站呈現(xiàn)的效果都沒有完全達到我的目標(biāo),但是多虧了這兩個經(jīng)驗,我明白了,不可能只通過其中一種方式就實現(xiàn)響應(yīng)式設(shè)計。
響應(yīng)式設(shè)計不只是流動式的網(wǎng)格布局,也不只是media queries。響應(yīng)式設(shè)計是一種心態(tài),一種工作流,一個不能夠(也不應(yīng)該)被分隔理解的大的概念。特別是當(dāng)“移動為先的設(shè)計”,以及“新設(shè)計過程”這些概念隨之出現(xiàn)的時候。
本文地址:http://www.pkvc.cn/tutorial/di1367.html