CSS 條件縮放圖片

在幫朋友弄網站的時候遇到這個問題。

解決辦法：

參考：利用css縮放圖片（這個再IE6運行時竟然出現類似於死迴圈，跟下面的差別是一個用auto，一個用this.width）

        相容IE和Firefox的按圖片寬度縮放的CSS代碼

具體做法是：

img{ 
    max-width:500px; 
    height:auto; 
    width:expression(this.width > 500 ? "500px" : this.width);
}

Firefox用max-width來限制最大寬度，因為IE下不認識max-width，所以還是使用expression來控制。

 

 

另附js的解決辦法：

參考：在asp中實現自動縮放圖片（推薦）

以上的js代碼沒有試過。

js實現是比較簡單的不過寫麻煩，CSS就是方便簡潔靈活。

 

再附：在解決這個問題的時候想過先擷取圖片尺寸再根據尺寸做判斷的。

網上有這些擷取尺寸的辦法（ASP代碼）：利用ASP得到圖片尺寸大小(用 adodb.Stream )