作者leomayjeff (lol)
看板Blog
标题Fw: [请问] css 设定图片大小
时间Sun Apr 27 01:27:30 2014
※ [本文转录自 ask 看板 #1JMoBGVE ]
作者: leomayjeff (lol) 站内: ask
标题: [请问] css 设定图片大小
时间: Sat Apr 26 11:06:53 2014
我没学过网页设计
最近Blogger想要把整页所有图片一起改一样宽
查到的css是这样写
.post-body img {
width:95%!important;
height:auto!important;
}
跑出来的确也是我要的，很好
但後来发现，若我的照片是直的，它还是把我的照片宽度弄到95%
这样长就自动变得很高很高，图片整个也像是放得很大...
所以我想写个判断式如下
if(height > width) width = 60%;
else width = 95%;
可是看起来CSS语法没办法这样写
有查到可以用expression 但又查到这个语法已经过时不使用了
请问有什麽办法满足我的要求吗？
还是说得用JS JQuery？
不过那些我也没学过，能否有简单的教学？
ask版没人理我 只好来这里了QQ
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 140.113.242.100
※ 文章网址: http://webptt.com/cn.aspx?n=bbs/ask/M.1398481616.A.7CE.html
※ 发信站: 批踢踢实业坊(ptt.cc)
※ 转录者: leomayjeff (140.113.242.100), 04/27/2014 01:27:30
※ 编辑: leomayjeff (140.113.242.100), 04/27/2014 01:28:00
1F：→ hit1205:expression 是只有 IE 可以用的... 04/28 01:50
现在好像新版IE也不支援了...
2F：→ wei76422:想知道+1，之前自己google了很久，目前CSS无解 04/28 12:49
我查到似乎CSS本身就不能（还是说不适合）动态
所以要搭配JS动态生出CSS 只是JS我也不太会...
而且网路上的写法都是height=xxx 都直接给数值
可是我希望後面是写yy% 代表该视窗或框架的宽度的%数
我用="yy%" 似乎没有用... 应该说 我网路上找的JS好像都不成功 = = 不知道要放哪
3F：推 wei76422:不过你的问题可以用max-height来让图片不放那麽大 04/28 12:55
height没法用% 这样就得写死高度了...
4F：→ xxxzzz:max-width:95%!important; 05/01 08:00
这样没用吧？ 不管横的还是直的最宽都是95%
现在是直的宽太大，用95%会太大
例如8000*6000的图 框架宽2000
那横的会被转成(2000*95%) * (6000/(8000/(2000*95%))) = 1900*1425
缩放比约((1900^2+1425^2)^0.5)/((8000^2+6000^2)^0.5)=23.75%
而直的却是 (2000*95%) * (8000/(6000/(2000*95%))) = 1900*2533
这个2533的「高」变得非常非常的长..... 而缩放比变成31.67% 明显比较大
前者大概只有後者的75%大 所以我才会想要遇到直的图改成用60%的宽
这样变成1200*1600 缩放比20%
※ 编辑: leomayjeff (140.113.242.100), 05/01/2014 18:55:34
5F：→ xxxzzz:如果你height,也限定最大%,就加上max-height吧 05/04 20:28
6F：→ xxxzzz: ^再 05/04 20:31
7F：→ xxxzzz:不过你要注意img外面容器的宽高设定 05/04 20:34
8F：→ xxxzzz:太久没看,刚刚才发现你height不能设%,那就只剩JS解了 05/04 20:37