画像を小さくして比率を維持しますか？

Question

私はこの画像を表示している表の列があります。これは私が（にしなければならないことを意味...

を

<table width="200px" height="300px" align="center"> 
    <tr> 
    <td><img src="...."></td> 
    </tr> 
</table> 

画像ソースは動的であるので、画像は常に同じサイズではないがほとんどの場合）画像はそれよりも小さくなるように画像のサイズを変更します。

最も簡単な方法で比率を維持しながらこれを行うにはどうすればよいですか？

おかげ

Answer 1

ちょうどwidthを設定します。

<img src="..." style="width: 200px"> 

1つのディメンションだけを指定した場合、比率は自動的に保持されます。あなたは<img>要素のスタイルで、widthまたはheight、どちらか一方を指定した場合

Answer 2

Aspect ratioはpreserved次のようになります。

指定したサイズがちょうど 明確な幅または単に明確 高さである場合CSSビューボックスは、 と同じ幅または高さを持つ でなければなりません。次のように他の次元が 計算されます。オブジェクトは固有のアスペクト比を有する

1. 場合は、CSSビューボックス が同じアスペクト比を持っている必要があります。

Answer 3

あなたのimg]タブに置くのID = "IMAGEID" と次のJavaScriptを呼び出します。

var elem = document.getElementById('imageID'); 
    if (elem == undefined || elem == null) return false; 
    if (max == undefined) max = 100; 
    if (elem.width > elem.height) { 
    if (elem.width > max) elem.width = max; 
    } else { 
    if (elem.height > max) elem.height = max; 
    } 

Answer 4

は、あなたの代わりにPXのIEの幅/高さの％を試してみました。

<img src="..." style="width: 90%">