Studio 編輯器：跨斷點設計
Studio 編輯器可讓您針對各個斷點調整網站，讓網站在不同畫面上都能呈現最佳效果。斷點是畫面大小的範圍，代表訪客可能使用的畫面和裝置（例如平板和行動裝置）。
在桌面斷點建立的設計會向下套用至平板和行動裝置斷點。不過，您可建立覆寫設定，讓設計更符合較小的畫面。點擊頂端的斷點圖示即可開始。
提示：
您可為客戶網站每個頁面上的各個斷點設定預設編輯大小（畫面寬度）。
前往 Wix Studio 學院，查看更多 Wix Studio 線上講座、教學和課程。
界定斷點
Studio 編輯器內建 3 個斷點，您可隨時自訂及重新界定：
- 桌面：1,001 像素以上
- 平板：751～1,000 像素
- 行動裝置：320～750 像素
最多可再新增 3 個斷點，讓設計更精準地符合特定畫面大小。
您可分別界定每個網站頁面和每個全域區段的斷點。這表示全域區段與其所在頁面可使用完全不同的斷點。
例如，下方頁面界定了 5 個斷點：
……而該頁面的全域頁首則界定了 3 個斷點：
提示：
網站訪客看到的斷點取決於檢視區寬度。例如，iPad Pro 使用者的畫面寬度為 1,024 像素，因此會看到桌面斷點（1,001 像素以上）。直向或橫向模式也會影響顯示結果，因為兩種模式的畫面寬度不同，可能落在不同的斷點範圍內。
階層式設計
Studio 編輯器採用階層式概念進行跨斷點設計。您在較大斷點所做的變更會向下套用至較小斷點，但在較小斷點所做的變更不會影響較大斷點。
例如，若按鈕在桌面斷點設計為紫色，系統也會自動在平板和行動裝置斷點將按鈕顯示為紫色。如果在行動裝置斷點變更按鈕色彩，平板和桌面斷點上的按鈕仍會保持紫色。
注意：
部分變更會套用至所有斷點，例如取代或刪除元件。請參閱下方區段，深入了解這些變更。
新增了其他桌面斷點嗎？
如果刪除第二大的斷點，最大斷點的設定會自動向下套用至較小斷點，即使已建立覆寫設定也一樣。例如，原本只在最大斷點隱藏的元件，也會在較小斷點中隱藏。若要解決此問題，請重新建立覆寫設定。
套用至所有斷點的變更
某些類型的操作會自動套用至所有斷點，無法針對特定檢視區自訂。
資料變更
編輯元件內容時，實際上就是在變更其資料。例如，變更元件的連結或圖片來源，會套用至所有斷點。
另一個範例是取代或刪除頁面中的元件，系統會自動在所有斷點取代／刪除該元件。
小知識
您可在特定斷點隱藏元件。前往相關斷點，以滑鼠右鍵點擊元件，然後選擇隱藏。
結構變更
變更元件在頁面階層中的位置。例如，將元件堆疊在一起，或將元件移至其他儲存格時，就會變更頁面結構，而這項變更會反映至所有斷點。
使用斷點建立覆寫
在特定斷點變更元件設計時，就會建立覆寫。這表示元件不再沿用上一個較大斷點的設計值。不過，這些覆寫仍會向下套用至較小的斷點。
可建立以下 2 種覆寫：
- 設計：變更元件的屬性，例如色彩、邊框和字型。
- 版面配置：變更元件的位置和大小，但不可將其移至其他父項元件。
提示：
Studio 編輯器中的元件和區段均內建回應式行為。此功能可控制元件和區段在較小斷點上的大小調整方式，無需手動設定所有項目。
在所有斷點使用覆寫
若對建立的覆寫感到滿意，可將其套用至所有斷點。變更會同時套用至較大和較小的斷點，讓網站在各種畫面尺寸下都能維持一致的外觀。
若要在所有斷點使用覆寫：
- 在編輯器中開啟相關斷點。
- 選擇相關元件。
- 點擊「更多操作」圖示
。 - 選擇「套用至所有斷點」。
移除特定斷點的設計覆寫
隨時可重設元件的設計和版面配置，恢復為最大斷點中的屬性。
較小斷點中的元件屬性不受影響，只有目前重設元件所在的斷點會受到影響。例如，移除平板斷點的覆寫並不會影響行動裝置斷點。
若要移除斷點的設計覆寫：
- 在編輯器中開啟相關斷點。
- 選擇相關元件。
提示：可直接在畫布或「圖層」面板中選擇元件。 - 點擊「更多操作」圖示 。
- 點擊「移除覆寫」。
知道嗎？
您可使用回應式 AI 工具，快速最佳化所有斷點中的區段版面配置。
常見問題
點擊下方問題即可了解更多。
如何讓網站版面配置在行動裝置和桌面上都能正確顯示？
如何避免行動版網站影響桌面版？
如何修正行動裝置上的元件重疊問題？
如何修正過大間隙或多餘空白（尤其是行動版）？
為什麼圖庫在行動裝置上過大？該如何修正？