在We.Retail中試用回應式版面

所有We.Retail頁面都會使用版面容器元件，以實施回應式設計。 版面容器提供段落系統，讓您在回應式格線內放置元件。 此格線可根據裝置/視窗大小和格式重新排列版面。 此元件需與 版面 頁面編輯器中的模式，可讓您根據裝置建立及編輯回應式版面。

正在試用中

1. 編輯語言主分支體驗區段中的「北極地區衝浪」頁面。

   http://localhost:4502/editor.html/content/we-retail/language-masters/en/experience/arctic-surfing-in-lofoten.html

2. 切換至 預覽 以檢視轉譯給網站訪客的頁面。 向下捲動至文章內容 挪威北部阿羅哈烈酒.

   

3. 重新調整瀏覽器視窗大小，並在版面動態調整大小時觀看。

   

4. 切換到佈局模式。 模擬器工具列會自動顯示，可讓您針對每個目標裝置規劃版面。

   選取元件時，會在「編輯」選單中顯示浮動和隱藏選項，以及調整元件操作框的大小。

   

5. 抓取並拖曳元件的調整大小控點會自動顯示版面格點，協助您調整大小。

   

更多資訊

如需詳細資訊，請參閱撰寫檔案 回應式版面 或管理員檔案 設定配置容器和配置模式 以取得完整的技術細節。