讓Blogger的圖片自動符合手機營幕尺寸 ~ 天馬行空

一個好的主題模版本身的設定就應該是會自動將文章裡的圖片為不同尺寸的營幕做調整, 然而有時候偏偏會喜歡上一個不會自動將圖片做調整的主題模版, 這時, 真有一種"恨鐵不成鋼"的感覺, 對這個主題無法捨棄, 可偏偏發文的圖片在手機上看就會被硬生生的卡斷只剩一半.

今天人手一機的時代下, 真的不能做個網站只有在PC上看時是正常的, 到了手機就斷片了. 所以, 如果真的愛上了一個對手機用戶不友善的主題時, 沒關係, 本篇示範如何讓文章中的圖片在不同尺寸的營幕上都會完整呈現.

一些美美的圖文因為在手機上被截斷, 感覺真的很掉潻, 建議最好的解決辦法, 就是另選一款功能設置上對手機用戶友善的主題模版, 但如果真的不想更換主題, 就是鐘愛這款, 也沒關係, 只要利用這篇介紹的[文章範本]功能, 在這裡貼入下面的程式碼, 之後的每篇文章圖片都會自動調整成符合營幕尺寸的大小了.

如果是要挽救已經發布的文章, 也很簡單, 回到該篇文章裡, 選取[<>HTML檢視]的編輯模式, 在文章前插入上面的程式碼即可.