css 設定圖片大小 - 部落格

Table of Contents

※ [本文轉錄自 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

--

All Comments

Sandy avatarSandy2014-05-01
expression 是只有 IE 可以用的...
Steve avatarSteve2014-05-03
想知道+1,之前自己google了很久,目前CSS無解
Ivy avatarIvy2014-05-05
不過你的問題可以用max-height來讓圖片不放那麼大
Susan avatarSusan2014-05-06
max-width:95%!important;
Margaret avatarMargaret2014-05-09
如果你height,也限定最大%,就加上max-height吧
Yedda avatarYedda2014-05-11
^再
Hedy avatarHedy2014-05-12
不過你要注意img外面容器的寬高設定
Rae avatarRae2014-05-13
太久沒看,剛剛才發現你height不能設%,那就只剩JS解了