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

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