您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

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

in container設(shè)定了最大寬度和最小寬度值,這能讓網(wǎng)站在那些我沒空去定義media query樣式的屏幕分辨率下保持適于閱讀的樣式。

  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)的效果都沒有完全達(dá)到我的目標(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)的時候。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://irelandcustomcontracting.com/tutorial/di1367.html
設(shè)計有效的“用戶行為與反饋效應(yīng)”循環(huán)
Design.Open.Raina—活動頁設(shè)計心得二三
圖趣網(wǎng)微信
建議反饋
×