目前為止，深圳網(wǎng)站設計公司只是標記了主斷點。在主斷點的變化會對整體布局產(chǎn)生相應的影響，比如前面的例子。但可能有很多潛在的次斷點。次斷點是頁面中的元素在某些方面發(fā)生了變化，但是頁面其他部分保持不變。這是很常見的，在頁面仍然足夠?qū)挘梢员３忠粋€給定的頁面布局，而頁面的某一塊內(nèi)容需要從單獨一欄切換到多列，相反過來也是一樣?；蛘呖紤]下這個場景，當展示水平的導航欄的這一列稍微小了點，你必須對導航欄做出調(diào)整，可以是更小的類型，或者將它移到logo下面，但是保持頁面的總體設計不變。流體布局在響應式設計流程中扮演了一個很重要的角色。之前提到的“重要的是斷點之間”，而斷點之間的靈活性，往往是通過流動布局來做到的。從幾個固定寬度的布局中進行選擇就不叫做響應式設計了。
這些次斷點也可以被包含在你的斷點圖里面，但是我建議主次斷點之間要在看起來很容易區(qū)分（見圖1.1）。
圖1.1 帶有次斷點的斷點圖。
還可以使用著色區(qū)域來強調(diào)主要內(nèi)容或者功能變化。某些特定情況下，這些著色區(qū)域用來強調(diào)某個范圍是很有用的。比如，我們想要表明某個CSS文件，它在任何給定的屏幕寬度都是適用的（見圖1.2）。雖然這是一個很簡單的例子，但是區(qū)域著色這個方法很好地解決了這個問題。當映射除了寬度相關的很多因素以外的東西，區(qū)域著色甚至更有用。
圖1.2 展示哪個CSS文件在對應的斷點上應用。
網(wǎng)站設計中除了斷點圖還需要添加更多東西
對于復雜的項目來說，單獨一個斷點圖是不夠的。你可以試試，但它會很混亂，這就違背了我們一開始做斷點圖的目的了。因為斷點圖只占用了相對較小的位置，所以對于那些復雜的情況，我建議做多幾個不同角度的設計，然后將它們疊放在一起。
一個斷點圖要表達以下基本的東西。
1．將要產(chǎn)生的變化。
2．什么狀態(tài)促發(fā)這些變化。
讓我們假設，除了布局改變以外，你還想用圖表示基于設備性能的變化對應的功能變化。你可以繪制一張圖表示布局根據(jù)屏幕寬度而變化，用另一張圖表示內(nèi)容根據(jù)設備能力而變化。這是一個很好的讓斷點圖之間解耦的方法。網(wǎng)站設計公司本文關于“網(wǎng)站設計除了主斷點還有什么？除了斷點圖還需要什么？”的知識就介紹分享到這里，謝謝關注，博納網(wǎng)絡編輯整理。
