網頁

2014年10月25日

|

Blogspot 圖片自動空間調整

Views:
當貼上圖片時, 有沒有試過, 圖片超大而超越範圍呢.


原來標準的 blogger 範本, "網誌文章"寬度是 650px,
但是, 在編輯圖片大小時, 可選擇的幾個參數, 不是過小, 就是過大.

小 width="200"
中 width="320"
大 width="400"
較大 width="640" (因為範本裡, img 都會被 CSS 加上一定的四邊空間, 結果是超越範圍)
原大 ~ (沒有設定 width, 即是 img 的寬度是多少, 就是多少)

其實有 2 個方法可以解決這個問題,
方法1~ [設計]> [範本]> [自訂]> [調整寬度]> (把"寬度"加大)
方法2~ 個人推薦的方法

只需加入一句 CSS 語法, img 便會完全的自動調整, 不會過大的超越範圍.
[設計]> [範本]> [自訂]> [進階]> [新增 CSS]>

.post-body img {max-width: 98%; height: auto}


沒有留言:

發佈留言

★ 謝謝留言,留下的一句話,已經是很好的推動力 !
★ 勾選右下角的「通知我 」可以由電郵收到留言回覆!
★ 留言與文章無關的主題時,請到頂列「留言版 GuestBook」暢所欲言。
★ 若發佈留言後,留言不見了。可能被系統錯誤判斷為垃圾留言,請不用擔心,我會盡快將留言恢復。
◎ 本留言區已經支援 Unicode Emoji,對應 Win10 的浮動鍵盤。歡迎貼上,增加效果。
◎ 支援 YouTube 超連結對應,支援 jpg , jpeg , gif , png 這4種圖片顯示格式。
◎ 文章介紹 2016 表情符號 V2 更新版 ( Unicode Emoji 格式 ) 顯示策劃