課程銷售頁的圖片內容，要如何依裝置設定響應式設計？
課程銷售頁的圖片內容在進行編輯的時候，可以決定是顯示在桌機網頁（PC website）或是行動裝置網頁（Mobile website），以達成響應式設計的目的哦！
RWD 設計使網站可以在不同的裝置上被瀏覽時，對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和捲動等操作行為，方便使用者觀看、讀取。
比如說希望用圖片內容來傳達資訊時，下圖左圖就比較適合桌機網頁來閱讀，而右圖則適合在行動裝置如手機、平板來閱讀：
這時你可以在課程簡介的編輯器裡同時上傳這兩張圖片，
點選圖片後，會跳出一個設定條，包含可以設定圖片位置（置左／置中／置右）、超連結，中間的桌機圖示、手機圖示即是讓我們設定指定裝置顯示的。
預設是都不會選取，意即圖片會在全裝置網頁顯示。
如果圖片是希望「只」顯示在桌機網頁上，那麼就可以選「桌機圖示」，也會顯示「Display on Desktop」的提示。
若圖片是想「只」顯示在行動裝置的網頁上，那就選「手機圖示」，也會顯示「Display on Mobile」的提示。
如此設定，就可以讓使用者在不同裝置閱讀課程資訊的時候，能有更清楚、舒服的體驗了。
💡 課程內容的編輯器，也支援圖片裝置限制的設定哦！
進入「章節管理」，編輯「單元內容」時，可新增圖文，就可以看到與上述一樣的操作工具！
如果以上回答都無法解決你的問題，或有任何建議，請點選右下角藍色 icon 跟我們聯絡，我們將會盡快回覆。
響應式設計（Responsive Web Design）
RWD 設計使網站可以在不同的裝置上被瀏覽時，對應不同解析度皆有適合的呈現，減少使用者進行縮放、平移和捲動等操作行為，方便使用者觀看、讀取。
比如說希望用圖片內容來傳達資訊時，下圖左圖就比較適合桌機網頁來閱讀，而右圖則適合在行動裝置如手機、平板來閱讀：
這時你可以在課程簡介的編輯器裡同時上傳這兩張圖片，
點選圖片後，會跳出一個設定條，包含可以設定圖片位置（置左／置中／置右）、超連結，中間的桌機圖示、手機圖示即是讓我們設定指定裝置顯示的。
預設是都不會選取，意即圖片會在全裝置網頁顯示。
如果圖片是希望「只」顯示在桌機網頁上，那麼就可以選「桌機圖示」，也會顯示「Display on Desktop」的提示。
若圖片是想「只」顯示在行動裝置的網頁上，那就選「手機圖示」，也會顯示「Display on Mobile」的提示。
如此設定，就可以讓使用者在不同裝置閱讀課程資訊的時候，能有更清楚、舒服的體驗了。
💡 課程內容的編輯器，也支援圖片裝置限制的設定哦！
進入「章節管理」，編輯「單元內容」時，可新增圖文，就可以看到與上述一樣的操作工具！
如果以上回答都無法解決你的問題，或有任何建議，請點選右下角藍色 icon 跟我們聯絡，我們將會盡快回覆。
更新時間： 13/03/2023
感謝！