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

1、 使用響應(yīng)式網(wǎng)頁布局的原因

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

②物聯(lián)網(wǎng)技術(shù)已經(jīng)漸漸走進(jìn)人們的生活，例如投影儀、筆記本電腦、臺式機、手機、平板電腦、只能手表VR等各種穿戴設(shè)備這些多樣化的只能設(shè)備，已經(jīng)讓主流的設(shè)備不復(fù)存在；

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

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

2、 響應(yīng)式界面的4個層次

①同一個網(wǎng)頁內(nèi)元素的不同大小及比例在視覺效果上都應(yīng)該是舒適的；

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

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

④在進(jìn)行網(wǎng)站設(shè)計時，其交互習(xí)慣也應(yīng)該統(tǒng)一化設(shè)計。