設置圖像最大尺寸

Question

我需要在<img>標記中設置圖像的最大高度和寬度。例如，假設最大尺寸是400x400像素，所以如果圖像尺寸小於這個尺寸，那麼它會顯示圖像，如果尺寸較大，那麼它應該被壓縮到這個尺寸。我怎樣才能做到這一點在HTML或JavaScript？

Answer 1

設置max-width和max-height在CSS

max-width: 400px; 
max-height: 400px; 

Answer 2

嘗試使用大小的div標籤，並把圖像內：

<div style="width:400px; height400px;> 

    <img style="text-align:center; vertical-align:middle; max-width:400px; max-height:400px;" /> 

</div> 

或類似的東西。 div是全尺寸，圖像只能擴展到邊界。

Answer 3

的方式我做到了：

• 當圖像被上傳我使用服務器端的庫來調整，如果圖像是更大的（只）。你總是調整大小，永不放棄。
• 然後在客戶端我不設置圖像大小。

對於那些尺寸和尺寸完全相同的圖片，圖片將只有400x400。

Answer 4

img 
{ 
    max-width: 400px; 
    max-height: 400px; 
} 

像這樣：http://jsfiddle.net/fMuVw/