1.整體區(qū)別

雖然看起來這兩張圖的結(jié)果是一樣的，但其實它解釋了響應式網(wǎng)頁和傳統(tǒng)網(wǎng)頁制作的思路上的不同。如果想進一步地知道區(qū)別，請往下讀。以下圖片均是左欄是“響應式網(wǎng)頁”原則，右欄是傳統(tǒng)網(wǎng)頁原則。

木魚網(wǎng)絡堅持有好的用戶體驗才是一個網(wǎng)站的核心，一個連體驗都沒有的網(wǎng)站，如何算一個成功的網(wǎng)站呢 

2.是“流”

用像素值規(guī)定死頁面上某個框的大小的時代過去了——你會發(fā)現(xiàn)在響應式網(wǎng)頁中，會采用“流”這種思路。頁面的某一個部分動了，其他的部分會隨之動起來。

響應式網(wǎng)站中，設計占得角色更為重要，一個好設計，必須有自己獨特的想法。

3.整體相關(guān)性

屏幕大小不同，但整體呈現(xiàn)出的比例應該要是一樣的，響應式網(wǎng)頁中的“整體相關(guān)”思路，讓我們看到每個組成部分的大小應是可變的。

比例的運用，更容易讓人視覺感觸更舒適。

4.斷點

“斷點”是“響應式網(wǎng)頁”的有效工具。有了“斷點”，我們在PC端看到的三欄的內(nèi)容就會在移動端上只出現(xiàn)一欄，而且CSS樣式也會隨之改變。