透過頁面管理中的圖片元件，輕鬆調整圖片尺寸！
頁面管理中，有三種調整圖片尺寸的方式，讓我們一個一個來介紹吧！
在設定圖片尺寸前，需要先至 Toolbox >> 滑鼠移至「圖片」元件 >> 按住並拖曳至頁面中
接著，就可以在圖片元件中開始做設定！
📍 調整圖片尺寸方法一
【透過 px、% 數自由調整圖片尺寸】
1. 點擊圖片元件時，會出現圖片元件工具列，接著可以上傳圖片。
2. 上傳圖片後，請選擇圖片單位（px、%），並進行寬度和高度數值的調整。
3. 完成以上步驟後，可以在頁面中預覽調整後的圖片尺寸。
下圖為：單位選擇 px 示意圖
下圖為：單位選擇 % 示意圖
📍 調整圖片尺寸方法二
【自動調整圖片寬高】
🤩 勾選「自動調整圖片寬高」功能後，只需調整圖片的寬度！快速完成您的需求！
🎨 以下是此功能的特色和注意事項：
1. 只有當寬度和高度單位都是 px 時，才能啟用「自動調整圖片寬高」功能。
2. 「自動調整圖片寬高」功能是以圖片的 px 尺寸進行控制，因此，最終呈現的圖片結果，將根據螢幕和瀏覽器畫面的不同而呈現各種尺寸。
3. 勾選「自動調整圖片寬高」後，只能調整寬度大小，寬度和高度的單位都是固定的。
4. 勾選「自動調整圖片寬高」後，調整寬度時，高度會按等比例縮放。
📍 調整圖片尺寸方法三
【圖片滿版】
🤩 勾選「圖片滿版」功能後，區塊內的圖片輕鬆達到滿版效果！
🎨 以下是此功能的特色和注意事項：
1. 只有當寬度和高度單位都是 % 時，才可以開啟「圖片滿版」功能。
2. 「圖片滿版」功能會根據父層區塊的大小，自動調整圖片大小以達到滿版效果。
3. 啟用「圖片滿版」功能後，寬度和高度的單位將固定為百分比。
相關文章：