響應式佈局的核心技術是什麼

1樓：沃文玉哀溪

響應式佈局就是網頁會根據上網裝置的螢幕大小而自我調整網頁的佈局。聽著跟木有解釋一樣，我舉個例子：你以全屏訪問亞馬遜**，然後在慢慢縮小瀏覽器會發現有一些東西（專業點說是dom元素）不見了，這就是響應式設計的一種。

目的就是更好的使用者體驗。

但是響應式設計不是設定，不是說開發者點點滑鼠就能完成的。從設計開始就要考慮電腦，手機等不同終端的訪問，其底層是大量的css，js**在控制著網頁。

然而親目前連響應式設計的概念都不清楚，還是先從基本的html，css，js學起，等羽翼豐滿之時再去設計響應式頁面。

2樓：宛倫師環

但是，響應式佈局，難點並非是技術方面，而是設計。

對於響應式佈局的技術基礎，只要你在mdn之類的**上，把html5、css3的特性吃透，基本上完全能滿足開發響應式佈局的工作。

但是，技術過關了只是第一步，真正困難的是ued，如何設計站點、如何佈局頁面，這需要很多實際工作的積澱跟探索，不是簡單的技術教程能補足的。此外還需要一定的「藝術細胞」，才能設計出好看、合理、方便的頁面。

這方面的提高對於乙個人來說可能需要數個月乃至數年的時間。

你可以去多看看那些響應式設計的站點，分析技術細節和設計思路。

多看看ued部落格，看看別人的經驗。

用bootstrap

v3這樣符合響應式設計的前端框架做幾個小樣，總結分析。

什麼是響應式佈局

3樓：豆阿

響應式佈局設計，是指將桌面裝置上的網頁內容在流動裝置上進行優化排版，使使用者能夠在流動裝置上更方便地閱讀並操作。其實，如果經常使用不同的裝置瀏覽網際網絡網頁，就會比較容易體會響應式佈局設計在流動裝置上的應用。

頁面的設計根據使用裝置環境進行相應的響應和調整，具體的實踐方式由多方面組成的。最主要的是三種技術實現的：

1、流體佈局，採用了百分比和畫素為單位，使佈局更加靈活。佈局上才用多種方法，呈現不同方式的實現佈局設計，簡單分為四種型別：固定佈局、可切換的固定佈局、彈性佈局、混合佈局。

其次，可切換的固定佈局的實現成本最低，但拓展性比較差；而彈性佈局與混合佈局效果具響應性，都是比較理想的響應式佈局實現方式。只是對於不同型別的頁面排版佈局實現響應式設計，需要採用不用的實現方式。通欄、等分結構的適合採用彈性佈局方式、而對於非等分的多欄結構往往需要採用混合佈局的實現方式。

2、媒介查詢，通過使用媒介查詢，可以獲取到裝置及裝置的特性，及時的響應佈局方案，從而解決之前在單純的佈局設計中遺留的問題。

佈局響應是對頁面進行設計，需要對相同的內容進行不同的佈局設計。一種是桌面向下設計，一種是移動端向上的設計。無論那種設計，都要相容所有的裝置。

隨著大螢幕流動裝置的普及，隨著越來越多的設計師採用這個技術，我們不僅看到很多的創新，還看到了一些成形的模式。給我們提供了更加舒適的介面體驗。