Fw: [Blogger] css 設定圖片大小

作者: leomayjeff (lol)   2014-04-27 01:27:30
※ [本文轉錄自 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
作者: hit1205 (幫你把勇氣裝滿)   2014-04-28 01:50:00
expression 是只有 IE 可以用的...
作者: wei76422 (wei)   2014-04-28 12:49:00
想知道+1,之前自己google了很久,目前CSS無解不過你的問題可以用max-height來讓圖片不放那麼大
作者: xxxzzz (...)   2014-05-01 08:00:00
max-width:95%!important;如果你height,也限定最大%,就加上max-height吧^再不過你要注意img外面容器的寬高設定太久沒看,剛剛才發現你height不能設%,那就只剩JS解了

Links booklink

Contact Us: admin [ a t ] ucptt.com