響應式佈局一般要響應哪幾個尺寸

1樓：it儲存配件

響應式的網頁就是能夠只能地根據使用者行為搜侍以及使用的裝置環境進行相應的佈局。我們通過響應式**模板。

搭建站點，一般需要響應下面幾個尺寸：

超小螢幕：（手機，小於768px）

小螢幕：（平板，大於等於768px）

中等螢幕逗隱：（桌世指吵面顯示器，大於等於992px）大螢幕：（大桌面顯示器，大於等於1200px）

2樓：莫言網路

4個。1170px（大螢幕運消大桌面顯示器）970px（中等螢幕桌面顯示器胡悄仔）

750px（小螢幕平板）褲汪。

小於768px （超小手機螢幕）

3樓：文件類共創空間

響應式佈局是ethan marcotte在2010年5月份提出的乙個概念，簡而絕賣言之，就是乙個**能夠相容多個終端——而不是為每個終端做乙個特定的版本。這個概念是為解決流動互聯網瀏覽而誕生的。

響應式佈局可以為不同終端的使用者提閉鬧供更加舒適的介面和更好的使用者體驗，而且隨著目前大螢幕流動裝置的普及，用大勢所趨來形容也不為過。隨著越來越多的設計師採用這個技術，我們不僅看到很多的創新，還並態逗看到了一些成形的模式。

什麼是響應式佈局？

4樓：豬八戒網

響應式佈局能同時相容多個終端，比如（手機、平板、pc）做乙個**轉眼間就可以變成3個**。可能有些人對「什麼是響應式佈局」還不是很瞭解，下面敏和達內長改拿漏沙web培訓就跟大家簡單說下什麼是響應式佈局：響應式佈局：

簡單點說，就是做乙個**同時能相容多個終端，由乙個**轉變成多個**，為我們大大節省了資源。那麼響應式佈局的優點和缺點又有哪些呢？優點：

1.面對不同解像度裝置靈核爛活性強2.能夠快捷解決多裝置顯示適應問題缺點：

不能完全相容所有瀏覽器，**累贅，載入時間加長。說了這麼多，可能還有很多人，不明白響應式佈局該怎麼去做，以及它的開發原理是什麼？原理：

簡單點說響應式佈局它是通過css中mediaquery（媒介查詢）@media功能，來判斷我們的終端裝置寬度在多少畫素內，然後就執行與之對應的css樣式。

什麼是響應式佈局

5樓：豆阿

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

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

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

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

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

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

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