按Enter到主內容區
:::
現在位置 首頁 > 操作手冊 > 文字圖像化的網頁解說
  • 友善列印
  • 回上一頁

進階編輯:如何上稿符合手機版面的圖片

如何上稿符合手機版面的圖片

可參閱影片https://www.youtube.com/watch?v=xuG5nO4lG38  或看下方解說

步驟一、開啟後台要編輯的後台文章

步驟二、點選要插入的地方,先將滑鼠點到要插入圖片的地方後點選編輯列圖片功能紐

步驟三、照系統指示放入照片(圖片建議使用寬度width:320px,以便利手機檢視或參考下方附註)

步驟四、點選圖片後輸入替代文字(*必填)後按下方submit即完成

最後記得按右下儲存並發布文章,並於前台檢視

附註:若想讓圖片可自動縮放,已達更美觀效果,請先檢查圖片寬度是否大於等於960px

若小於960px則設定width:100%;max-width: (圖片原寬度)px;

若大於等於960px則設定 width:100%;

範例

以下圖片為小於960px

 

以下圖片為大於等於960px

圖卡

  • 市府分類: 一般行政
  • 最後異動日期: 2024-10-24
  • 發布日期: 2022-03-24
  • 發布單位: 臺中市政府
  • 點閱次數: 704