讓Blogger插入的圖片自動放大縮小,絕不超過版面

每次在Blogger上傳圖片,都要一個個為每張圖設定大小,還得不停預覽看看有沒哪張圖片超過版面,真的有夠煩。
現在,這個小技巧可以讓你不再被煩,讓每張圖片絕不超過版面。

***
***

1. 進入『主題』,選擇『自訂』


2. 選擇『進階』→『新增CSS』,輸入以下的程式碼
※7/20:如果輸入『width: auto;』,可能造成無法放小圖。有需求者,請不要輸入。
.post img {max-width: 90%;
width: auto;
height: auto;
}

3. 依據版面狀況,調整max-width的數值

4. 圖片再也不會超出版面