Fw: [請問] css 設定圖片大小

[leomayjeff (lol)]

※ [本文轉錄自 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://www.ptt.cc/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
→ hit1205:expression 是只有 IE 可以用的...
現在好像新版IE也不支援了...

→ wei76422:想知道+1，之前自己google了很久，目前CSS無解
我查到似乎CSS本身就不能（還是說不適合）動態
所以要搭配JS動態生出CSS 只是JS我也不太會...
而且網路上的寫法都是height=xxx 都直接給數值
可是我希望後面是寫yy% 代表該視窗或框架的寬度的%數
我用="yy%" 似乎沒有用... 應該說 我網路上找的JS好像都不成功 = = 不知道要放哪

推 wei76422:不過你的問題可以用max-height來讓圖片不放那麼大
height沒法用% 這樣就得寫死高度了...

→ xxxzzz:max-width:95%!important;
這樣沒用吧？ 不管橫的還是直的最寬都是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
→ xxxzzz:如果你height,也限定最大%,就加上max-height吧
→ xxxzzz:                          ^再
→ xxxzzz:不過你要注意img外面容器的寬高設定
→ xxxzzz:太久沒看,剛剛才發現你height不能設%,那就只剩JS解了