Fw: [Blogger] css 設定圖片大小
※ [本文轉錄自 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
→
04/28 01:50, , 1F
04/28 01:50, 1F
現在好像新版IE也不支援了...
→
04/28 12:49, , 2F
04/28 12:49, 2F
我查到似乎CSS本身就不能（還是說不適合）動態
所以要搭配JS動態生出CSS 只是JS我也不太會...
而且網路上的寫法都是height=xxx 都直接給數值
可是我希望後面是寫yy% 代表該視窗或框架的寬度的%數
我用="yy%" 似乎沒有用... 應該說 我網路上找的JS好像都不成功 = = 不知道要放哪
推
04/28 12:55, , 3F
04/28 12:55, 3F
height沒法用% 這樣就得寫死高度了...
→
05/01 08:00, , 4F
05/01 08:00, 4F
這樣沒用吧？ 不管橫的還是直的最寬都是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
→
05/04 20:28, , 5F
05/04 20:28, 5F
→
05/04 20:31, , 6F
05/04 20:31, 6F
→
05/04 20:34, , 7F
05/04 20:34, 7F
→
05/04 20:37, , 8F
05/04 20:37, 8F
討論串 (同標題文章)
以下文章回應了本文：
完整討論串 (本文為第 1 之 2 篇)：
Blog 近期熱門文章
PTT數位生活區 即時熱門文章
