[Blogger] 匯入圖片用CSS更改Size

看板Blog (部落格)作者 (五樓有您的掛號信)時間14年前 (2011/06/04 16:08), 編輯推噓1(1022)
留言23則, 3人參與, 最新討論串1/1
我的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

06/04 16:17, , 1F
是系統在圖片上傳後於插入圖片的語法中塞了寬高的設定
06/04 16:17, 1F

06/04 16:19, , 2F
解決方法是切換到html介面去編輯文章 找到<img>標籤
06/04 16:19, 2F

06/04 16:19, , 3F
先拿掉裏頭的width: 400px; height: 225px;
06/04 16:19, 3F

06/04 16:20, , 4F
在把裡面src="圖片網址"中的s400改成s512
06/04 16:20, 4F

06/04 16:21, , 5F
這樣橫式圖片可能會超出一些些 再把寬高加回去自行設定
06/04 16:21, 5F

06/04 16:24, , 6F
只能說你下次上傳照片時要仔細設定 別讓系統幫你縮圖
06/04 16:24, 6F

06/04 16:35, , 7F
改好了耶!謝謝B大!!不過還有個問題~~您說別讓系統幫我
06/04 16:35, 7F

06/04 16:36, , 8F
縮圖,但是blogger上傳圖片的介面只能選"大中小"三種尺寸
06/04 16:36, 8F

06/04 16:36, , 9F
有別的辦法可以解決縮圖尺寸的問題嗎~~
06/04 16:36, 9F

06/04 16:37, , 10F
還是都得手動更改呢?
06/04 16:37, 10F

06/04 16:43, , 11F
阿!!!我找到了,原來我一直用舊版編輯模式,改新版就可以
06/04 16:43, 11F

06/04 16:43, , 12F
解決了! 非常感謝喔!!!
06/04 16:43, 12F

06/04 16:49, , 13F
如果非500px不可 也可以在舊介面選大尺寸 再自己設定寬高
06/04 16:49, 13F

06/04 16:50, , 14F
大尺寸可能會是s800 那個就可以不用動 直接設定寬高就好
06/04 16:50, 14F

06/04 16:53, , 15F
舊版的最大好像是s400,然後新版的是s800,我的s500卡在
06/04 16:53, 15F

06/04 16:53, , 16F
間沒得選,現在想說乾脆上傳去Picasa好了 哈
06/04 16:53, 16F

06/04 17:14, , 17F
直接傳去picasa也一樣沒s500 只能選大尺寸再自行設定寬高
06/04 17:14, 17F

06/04 17:14, , 18F
中間的s512跟s576都是偶然之下發現的 沒有在他預設提供的
06/04 17:14, 18F

06/04 17:14, , 19F
縮圖尺寸裡...
06/04 17:14, 19F

06/04 23:45, , 20F
後來發現一個方法:在.post img插入max-width,再在圖片
06/04 23:45, 20F

06/04 23:45, , 21F
那邊選擇大尺寸(s800)他就會被限制在max width了
06/04 23:45, 21F

06/04 23:52, , 22F
樓上發現的新方法不錯!
06/04 23:52, 22F

06/06 09:11, , 23F
試試看 min-width:100% 然後不要放 min-height
06/06 09:11, 23F
文章代碼(AID): #1DwUW5NF (Blog)
文章代碼(AID): #1DwUW5NF (Blog)