200908241138[CSS]版面大圖自動縮圖-支援 Firefox IE...

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/26234652/0.jpg

當圖片大於文章內容時:圖片超出!!(Firefox)

 

或變成大圖片擠壓撐開了版面!!(IE)

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/26234652/1.jpg

 

是不是影響了整體版面的美觀!!

這問題自 Frank的雜記 改成窄版確實困擾了 Frank 許久!!

始終找不到完美的解決方式!!

終於在努力搜尋與爬文中反覆測試找到了解決方法了!!

 

這裡提供 Xuite日誌 的 CSS 寫法!!

於 CSS 中加入:

代碼:

 

怎麼改 CSS 可參考:

日誌管理-面板樣式 @ 日誌教學 :: Xuite日誌開啟特效視窗

 

嘿嘿~~!!不用每張圖片更改!!

所有大圖片就乖乖的按照指定尺寸縮圖囉!!

http://7.blog.xuite.net/7/0/0/b/11559578/blog_1350411/txt/26234652/3.jpg

 

更新:

Xuite 日誌基本設定中已加入了日誌圖片自動縮小選項!!

http://7.blog.xuite.net/7/0/0/b/11559578/blog_222965/txt/26234108/5.png

指到圖片會顯示原圖!!

-更新(2009/11/7)

pailing

我實際測試過,這個很好用,
天空要放在BODY{}下面的A IMG {}裡面才行


http://blog.yam.com/pailing

平均分數:0 顆星    投票人數:0
我要評分:
回應
Frank的雜記百寶箱!!

歡 迎 光 臨 最 發 燒 文 熱 門 搜 尋 代 碼 測 試 最 新 回 應

    RSS 2.0 訂閱全文輸出文章 frank  的分享項目 Google+ Frank 的 Facebook -歡迎加友喔!! Follow Frank on Twitter Frank 在噗浪 Manatalk 開啟部落軌道!!
    連到Frank的抓火狐推薦頁! 免費下載「Google 地球」 交通部臺灣區國道高速公路局 PDA版 Google Maps 多功能地圖 線上電子地圖-大合集!! 台灣地標總合 Frank的雜記-地標集 雜記紀錄
    累積 | 今日
      沒有新回應!
add
平均分數:0 顆星
投票人數:0
我要評分:
Frank自製小玩意
表情符號-兔斯基(拖曳貼圖用視窗) 表情符號-洋蔥頭(拖曳貼圖用視窗) 表情符號-悠嘻猴(拖曳貼圖用視窗) 表情符號-炮炮兵(官方完整版)(拖曳貼圖用視窗) 表情符號-米滷蛋(拖曳貼圖用視窗) 表情符號-柑仔(拖曳貼圖用視窗) 表情符號-媽祖(拖曳貼圖用視窗) 表情符號-好人信(拖曳貼圖用視窗)
new!!安裝表情符號語法@Frank的雜記

即時衛星雲圖(輕量版)
點圖開啟中央氣象局PDA網頁
+加強版 @Frank的雜記

新!!不斷電音樂電台點播
∞ 中廣流行網 ∞ ∞ 中廣音樂網 i radio ∞ ∞ 佳音現代聖樂網 ∞ ∞ 全國廣播音樂網 ∞ ∞ HitFM聯播網 北部 ∞ ∞ E-Classical 台北愛樂 ∞ ∞ RTI央廣 音樂 ∞ ∞ 奇美古典音樂網 ∞ ∞ 列表撥放視窗!! ∞
安裝電台點播 @ Frank的雜記
Google+
專頁


個人

Facebook

交換連結
統計分析管理
部落格觀察部落格: 第 61 次藍眼觀注
Google Analytics 開啟特效視窗 搜尋分析管理 Sitetag
Related Posts with Thumbnails





Powered by Xuite