在We.Retail中試用回應式版面 trying-out-responsive-layout-in-we-retail
所有We.Retail頁面都會使用版面容器元件,以實施回應式設計。 版面容器提供段落系統,讓您在回應式格線內放置元件。 此格線可根據裝置/視窗大小和格式重新排列版面。 此元件與頁面編輯器中的 配置 模式搭配使用,可讓您建立和編輯相依於裝置的回應式配置。
正在試用中 trying-it-out
-
編輯語言主分支體驗區段中的「北極地區衝浪」頁面。
http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html
-
切換至 預覽,檢視呈現給網站訪客的頁面。 向下捲動至文章 Norther Norway的Aloha spirits 內容。
-
重新調整瀏覽器視窗大小,並在版面動態調整大小時觀看。
-
切換到佈局模式。 模擬器工具列會自動顯示,可讓您針對每個目標裝置規劃版面。
選取元件時,會在「編輯」選單中顯示浮動和隱藏選項,以及調整元件操作框的大小。
-
抓取並拖曳元件的調整大小控點會自動顯示版面格點,協助您調整大小。
更多資訊 further-information
如需詳細資訊,請參閱撰寫檔案回應式配置或管理員檔案設定配置容器和配置模式,以取得完整的技術細節。
recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2