作者echohihi (五樓有您的掛號信)
看板Blog
標題[Blogger] 匯入圖片用CSS更改Size
時間Sat Jun 4 16:08:33 2011
我的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!!!!
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 114.24.12.91
1F：→ b0339576:是系統在圖片上傳後於插入圖片的語法中塞了寬高的設定 06/04 16:17
2F：→ b0339576:解決方法是切換到html介面去編輯文章 找到<img>標籤 06/04 16:19
3F：→ b0339576:先拿掉裏頭的width: 400px; height: 225px; 06/04 16:19
4F：→ b0339576:在把裡面src="圖片網址"中的s400改成s512 06/04 16:20
5F：→ b0339576:這樣橫式圖片可能會超出一些些 再把寬高加回去自行設定 06/04 16:21
6F：→ b0339576:只能說你下次上傳照片時要仔細設定 別讓系統幫你縮圖 06/04 16:24
7F：→ echohihi:改好了耶!謝謝B大!!不過還有個問題～～您說別讓系統幫我 06/04 16:35
8F：→ echohihi:縮圖,但是blogger上傳圖片的介面只能選"大中小"三種尺寸 06/04 16:36
9F：→ echohihi:有別的辦法可以解決縮圖尺寸的問題嗎～～ 06/04 16:36
10F：→ echohihi:還是都得手動更改呢？ 06/04 16:37
11F：→ echohihi:阿!!!我找到了,原來我一直用舊版編輯模式,改新版就可以 06/04 16:43
12F：→ echohihi:解決了! 非常感謝喔!!! 06/04 16:43
13F：→ b0339576:如果非500px不可 也可以在舊介面選大尺寸 再自己設定寬高 06/04 16:49
14F：→ b0339576:大尺寸可能會是s800 那個就可以不用動 直接設定寬高就好 06/04 16:50
15F：→ echohihi:舊版的最大好像是s400,然後新版的是s800,我的s500卡在 06/04 16:53
16F：→ echohihi:間沒得選,現在想說乾脆上傳去Picasa好了 哈 06/04 16:53
17F：→ b0339576:直接傳去picasa也一樣沒s500 只能選大尺寸再自行設定寬高 06/04 17:14
18F：→ b0339576:中間的s512跟s576都是偶然之下發現的 沒有在他預設提供的 06/04 17:14
19F：→ b0339576:縮圖尺寸裡... 06/04 17:14
20F：→ echohihi:後來發現一個方法：在.post img插入max-width,再在圖片 06/04 23:45
21F：→ echohihi:那邊選擇大尺寸(s800)他就會被限制在max width了 06/04 23:45
22F：→ b0339576:樓上發現的新方法不錯! 06/04 23:52
23F：推 ClubT:試試看 min-width:100% 然後不要放 min-height 06/06 09:11