作者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