CSS簡單又完美 的 幫blog圖片自動縮圖

最近在忙著搞這個東西…
因為發動畫圖片 是為了讓大家收藏
如果我上傳的是我壓縮過的 這樣大家收藏 會覺得圖片變小
但是原始圖太大 直接貼上來
圖片會長到 右邊攔
但是我又懶 …. 不想要每張圖都去設定圖片大小
所以… 只好看看有沒有什麼偷懶的方法

前幾天用的是用 Js 的方式來達成自動縮圖的動做
但是 也是有點麻煩
每張圖 也都要放在一些程式碼才能正常縮圖
雖然我偷懶 用PHP 直接插入
還有一個缺點…
圖片載入中 看到的一樣是大尺寸
載入完畢 才會變成小尺寸
這樣 感覺上不怎麼完美~

今天 和 zkm 在想說怎麼把 自動縮圖用到 他的WP 上
雖然不完美 還是可以加減用
我先簡單弄個WP起來
來測試看看
意外發現 我那版的 WP 竟然有自動縮圖
我仔細研究發現…
原來是用CSS來達成
我在仔細去看
結果我無言了
他只要一句CSS 就能達成
我卻忙了著麼久
果然 CSS 還要在加強
不過最後 很滿意~

第1步:打開自己網站的CSS

這個用 記事本 就可以編輯了

第2步:找到 或 新增 img { }

像我的就有這段
沒有得的人 就自己新增
img {

}
進去

第3步:新增一句進去

max-width: 573px;
把這具插入進去
後面 可以改成 100% 就會完全符合整個欄位大小
當然 要自己字定大小也是可以
記得後面要加上 px 唷^^

Categorized: 未分類

4 comments on “CSS簡單又完美 的 幫blog圖片自動縮圖