匯入圖片用CSS更改Size - 部落格

Jacob avatar
By Jacob
at 2011-06-04T16:08

Table of Contents


我的Blogger是三欄式的,

最左邊文章欄設定寬度500px,文字部分都很正常有到寬度500px,

但是裡面的圖片最大都只能440px~~

Google了一些文章後,

有人說在.post img裡面加入min-width語法

像這樣的範例:

.post img {
float:center;
min-width:560px;
min-height:260px;
padding : 10px;
line-height : 2em;
margin: 0 auto 10px auto;
clear: both;
}

更改之後,發現問題是我不能強定height尺寸,因為不是所有圖片都是橫式。

而如果只設定Width的話,用網址匯入的圖片可以,但是從電腦匯入的只會變Width。

所以想請問我要如何讓圖片,不管是從WEB匯入或從電腦upload的,

都可以等比放大到寬度500px呢????


P.S.我的版型不是用blogger default的,是下載這個:
http://demo.5thirtyone.com/


附上我看的教學網址:
http://www.techieblogger.com/2009/08/image-resizer-tool-php-css-script.html


和我的部落格:
http://echoooo.net/


Thank you!!!!

--

All Comments

Zenobia avatar
By Zenobia
at 2011-06-06T17:56
是系統在圖片上傳後於插入圖片的語法中塞了寬高的設定
Annie avatar
By Annie
at 2011-06-11T16:46
解決方法是切換到html介面去編輯文章 找到<img>標籤
先拿掉裏頭的width: 400px; height: 225px;
Christine avatar
By Christine
at 2011-06-13T06:01
在把裡面src="圖片網址"中的s400改成s512
Kama avatar
By Kama
at 2011-06-14T04:26
這樣橫式圖片可能會超出一些些 再把寬高加回去自行設定
Hedda avatar
By Hedda
at 2011-06-16T10:45
只能說你下次上傳照片時要仔細設定 別讓系統幫你縮圖
Ina avatar
By Ina
at 2011-06-16T16:21
改好了耶!謝謝B大!!不過還有個問題~~您說別讓系統幫我
Blanche avatar
By Blanche
at 2011-06-20T19:03
縮圖,但是blogger上傳圖片的介面只能選"大中小"三種尺寸
有別的辦法可以解決縮圖尺寸的問題嗎~~
Genevieve avatar
By Genevieve
at 2011-06-21T08:09
還是都得手動更改呢?
Blanche avatar
By Blanche
at 2011-06-24T04:20
阿!!!我找到了,原來我一直用舊版編輯模式,改新版就可以
解決了! 非常感謝喔!!!
Zanna avatar
By Zanna
at 2011-06-27T16:24
如果非500px不可 也可以在舊介面選大尺寸 再自己設定寬高
Frederica avatar
By Frederica
at 2011-06-30T15:49
大尺寸可能會是s800 那個就可以不用動 直接設定寬高就好
Michael avatar
By Michael
at 2011-07-05T00:02
舊版的最大好像是s400,然後新版的是s800,我的s500卡在
間沒得選,現在想說乾脆上傳去Picasa好了 哈
Catherine avatar
By Catherine
at 2011-07-05T15:09
直接傳去picasa也一樣沒s500 只能選大尺寸再自行設定寬高
中間的s512跟s576都是偶然之下發現的 沒有在他預設提供的
縮圖尺寸裡...
Faithe avatar
By Faithe
at 2011-07-07T18:32
後來發現一個方法:在.post img插入max-width,再在圖片
那邊選擇大尺寸(s800)他就會被限制在max width了
Joseph avatar
By Joseph
at 2011-07-11T03:08
樓上發現的新方法不錯!
Valerie avatar
By Valerie
at 2011-07-14T09:11
試試看 min-width:100% 然後不要放 min-height

無法同步到FACEBOOK

Gary avatar
By Gary
at 2011-06-04T12:15
在噗浪設定同步到臉書 測試了好幾次 都無法成功同步 有取消設定 再設定 也是無法同步 不知道是哪邊出了問題 ?? - ...

Re: PTT Blog板友簽到簿(PTTBlogRolling!)

Odelette avatar
By Odelette
at 2011-06-03T12:45
網址:http://phantom23tw.blogspot.com/ 站名:phantom的歌劇院 架站環境:(看不懂 所以不知道怎麼寫) RSS:一樣不了解(汗) 簡介:備份自己覺得有趣的文章 收集泰國佛牌的心得+廣告(遮臉) 關於養鳥的注意事項 關於日本的事情 PTT鄉民美 ...

Re: PTT Blog板友簽到簿(PTTBlogRolling!)

Barb Cronin avatar
By Barb Cronin
at 2011-06-02T19:08
網址:http://www.englishgps.com/ 站名:English GPS - 讓英文成為第二母語 架站環境:wordpress RSS:http://feeds.feedburner.com/englishgps 簡介:想利用這個BLOG與大家分享自己英文學習上的心得, 傳統的英文教育 ...

Chrome 抓不到 CSS 設定的字型

Poppy avatar
By Poppy
at 2011-06-02T11:20
我在style.css裡面設定了font-family為微軟正黑體 在IE裡面可以正常顯示 可是在chrome卻還是新細明體 要如何讓chrome正確呼叫到字型呢? thanks -- ◢████◢███◢███〝◢███◢′i██ ┌─╥─┐。▅◣。┌─╥─┐〒 〒┌─╥─┐█ ╞╦╩╦ ...

想請問哪一種部落格比較推薦?

Yuri avatar
By Yuri
at 2011-06-02T03:34
※ 引述《mwsr85380 (JJ)》之銘言: : 我有無名帳號 : 可是想用用看其他部落格 : 但是我是電腦白痴 : 想看看有沒有人有推薦簡單好用的呢?? 回文太慢,乾脆直接回一篇比較好看一點 順便騙點文章數XD 我會比較推薦天空部落 1.原PO使用過無名,因此天空的後台管理較容易上手。  我不 ...