最近，我寫了很多關于響應的設計。我已經覆蓋了媒體查詢，技術方面基本實現，完整的設計教程，一些CSS技巧，和一系列可怕的反應位點。今天，我想談一談在響應設計中設置斷點。你應該如何設置斷點？一般準則是什么？我將分享我的觀點在設置斷點。

你有一個常用的斷點列表嗎？

有些人喜歡在設備分辨率的基礎上設置斷點。例如：320px移動，768px平板，桌面電腦或更高。就我個人而言，我不是一個大風扇設置斷點的基礎上，因為有太多設備的設備分辨率。如果設備分辨率改變了呢？要更防彈，斷點應根據設計和內容。

那么什么是一般準則？

在我的響應設計工作流，我一般測試設計的瀏覽器窗口大小。看內容如何流動時，調整大小和添加一個斷點時，設計突破。有沒有具體的規則，有多少斷點的設計應該有。經驗法則是確保內容流程的設計很好地在任何視口的寬度。我將用我的網站作為例子：網頁設計師墻和最好的網絡畫廊。

網頁設計師墻

對網頁設計師的墻，我有5個媒體查詢：google，760px，600px，480px 320px，和。但在重大布局的變化來看，我只有三個：固定側頭三柱，用頭球頂柱，和一個單欄布局在邊欄低于含量。

網頁設計師墻斷點

2列布局斷點設置在google。單柱設置在760px。其他斷點是必要的，以確保在所有斷點的內容流很好。

最佳網絡畫廊

最好的網上畫廊，我有3個媒體查詢：1240px，800px，和480px。在主要布局變化的詞，我有兩個：四柱式和單欄布局。

最佳網絡畫廊斷點

在這種情況下，我認為沒有必要有更多的布局斷點（即打破四柱為三柱或柱）由于后容器不打破小視口。

最近，我寫了很多關于響應的設計。我已經覆蓋了媒體查詢，技術方面基本實現，完整的設計教程，一些CSS技巧，和一系列可怕的反應位點。今天，我想談一談在響應設計中設置斷點。你應該如何設置斷點？一般準則是什么？我將分享我的觀點在設置斷點。

你有一個常用的斷點列表嗎？

有些人喜歡在設備分辨率的基礎上設置斷點。例如：320px移動，768px平板，桌面電腦或更高。就我個人而言，我不是一個大風扇設置斷點的基礎上，因為有太多設備的設備分辨率。如果設備分辨率改變了呢？要更防彈，斷點應根據設計和內容。

那么什么是一般準則？

在我的響應設計工作流，我一般測試設計的瀏覽器窗口大小。看內容如何流動時，調整大小和添加一個斷點時，設計突破。有沒有具體的規則，有多少斷點的設計應該有。經驗法則是確保內容流程的設計很好地在任何視口的寬度。我將用我的網站作為例子：網頁設計師墻和最好的網絡畫廊。

網頁設計師墻

對網頁設計師的墻，我有5個媒體查詢：google，760px，600px，480px 320px，和。但在重大布局的變化來看，我只有三個：固定側頭三柱，用頭球頂柱，和一個單欄布局在邊欄低于含量。

網頁設計師墻斷點

2列布局斷點設置在google。單柱設置在760px。其他斷點是必要的，以確保在所有斷點的內容流很好。

最佳網絡畫廊

最好的網上畫廊，我有3個媒體查詢：1240px，800px，和480px。在主要布局變化的詞，我有兩個：四柱式和單欄布局。

最佳網絡畫廊斷點

在這種情況下，我認為沒有必要有更多的布局斷點（即打破四柱為三柱或柱）由于后容器不打破小視口。