header-logo
開始使用 Wix以 Wix 建立網站和商家。歡迎使用我們的 AI 工具來建立網站、自訂範本或雇用專業人員,樹立網上形象。
建立網站了解如何以 Wix 工具建立並管理網站。您也可在此找到更多關於 AI 工具、網站訪客隱私權和無障礙的資訊。
帳戶與帳單檢閱帳戶設定,設定訂閱與方案,查看請款單。
使用 Wix 行動應用程式歡迎使用 Wix 行動應用程式,隨時隨地處理業務,並以專屬應用程式吸引網站會員互動。
連結網域以逐步指南了解如何購買、連結或轉移網站網域,並學習如何確保網站資料安全。
Studio、夥伴與 Enterprise善用 Studio 或 Enterprise 帳戶,以進階功能提升效率。
需要協助?尋找網站與技術支援,了解已知問題,或聯絡我們要求協助。
placeholder-preview-image
Wix Learn以課程和教學加強技能。
Wix 部落格學習網頁設計、行銷等範疇的秘訣。
SEO 學習中心學習如何提升來自搜尋引擎的自然網站流量。
網站開發以全端平台建立自訂網站。
聘用專業人士與專家配對,幫助實現目標。
placeholder-preview-image

Wix 編輯器:將元件伸展至全螢幕

將元件延伸至全螢幕可讓網站更具回應式。無論螢幕尺寸為何,延伸的元件都會橫跨瀏覽器寬度。
延伸元件後即可新增邊距,在左右兩側建立空間。您可以 Pix 為單位設定邊距,使其在所有裝置上保持一致;或以百分比設定,使其根據每位訪客的瀏覽器自動調整。
「伸展」選項僅適用於特定元件。請參閱 常見問題 以取得完整清單。

伸展元件

將元件延伸至全螢幕,並設定邊距以按照您想要的方式顯示。

若要伸展元件:

  1. 在編輯器中點擊元件。
  2. 點擊「伸展」圖示
  3. 開啟「延伸至全螢幕」切換開關。
  4. (選填)設定邊距:
    1. 點擊數字欄位,選擇要以 px(像素)或 (瀏覽器寬度百分比)設定邊距。
    2. 拖曳滑桿即可增加或減少邊距大小。
便箋:
  • 特定元件僅限以像素設定邊距。
  • 邊距限制為 190 像素,或瀏覽器大小的 5%。
GIF 顯示如何將線條伸展至全螢幕,並在將單位從像素更改為百分比時設定邊距

常見問題

點擊下方問題以瞭解更多資訊。
附註:
伸展元件時,延伸元件與上方/下方元件之間可能會顯現間隙。您可以透過 移動元件,或使用「縮放消失與重新排序」功能來移除間隙。