作者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/m.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