據百科全書和參考資料來看，網站設計中的響應式網頁的界面布局能夠適應不同的設備屏幕大小。有一個比喻十分恰如其分，就是把內容比做水，而屏幕就可以看做容器，而響應式界面布局設計就是讓內容充分發(fā)揮“水”的特質，讓其在任何屏幕下都能夠顯示自如。那么我們?yōu)槭裁匆诰W站設計中使用響應式網頁布局呢？

1、 使用響應式網頁布局的原因

①現在在PC端瀏覽網頁與在移動端瀏覽網頁的流量是一樣多的，而PC端的各種尺寸的顯示屏幕與移動設備的屏幕大小都無法判斷和掌控；

②物聯網技術已經漸漸走進人們的生活，例如投影儀、筆記本電腦、臺式機、手機、平板電腦、只能手表VR等各種穿戴設備這些多樣化的只能設備，已經讓主流的設備不復存在；

③而在進行網站設計時我們會經常發(fā)現，屏幕的分辨率變化已經發(fā)生了天翻地覆的變化，同一張圖片在不同分辨率的屏幕上的顯示會有天差地別的不同；

④一些智能設備的操控手段例如鼠標、筆、觸屏以及手勢操作等層出不窮，所以其操作方式也無法預測。

2、 響應式界面的4個層次

①同一個網頁內元素的不同大小及比例在視覺效果上都應該是舒適的；

②同一個頁面在不同分辨率的顯示屏幕上也應該是合理展示的；

③在同一個頁面上的操作方式也應該是統(tǒng)一的；

④在進行網站設計時，其交互習慣也應該統(tǒng)一化設計。