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

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

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

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

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

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

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

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

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

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

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