のimg自動幅、高さおよび最大高さ

-2

<table class="media imgTable" border="1" width="auto" height="auto" style=""><tbody> 
<tr><td class="xClick" width="auto" height="auto" align="left" valign="center"> 

<div class="xClick" style="position: relative; left: -1px; top: 3px; width: 200px; padding: 0px 1%; border: 1px solid silver; border-bottom: none; background-color: #ADD8E6;"><?php echo $label; ?></div> 

</td></tr> 
<tr><td class="xClick" width="auto" height="auto" align="center" valign="center" style="position: relative;"> 

<img id="img" src="<?php echo $src; ?>" style="width: auto; height: auto;" /> 

</td></tr></tbody></table>

and it looks like this

それは完璧です。ちょうど私が欲しいもの。しかし、いくつかのイメージが私はこの試みた大きすぎて画面（ビューポート）

をオーバーフロー：

<table border="1" width="auto" height="90%" style=""><tbody> 
    <tr><td class="xClick" width="100%" height="" align="left" valign="center"> 

    <div class="xClick" style="position: relative; left: -1px; top: 3px; width: 200px; padding: 0px 1%; border: 1px solid silver; border-bottom: none; background-color: #ADD8E6;"><?php echo $label; ?></div> 

    </td></tr> 
    <tr><td class="xClick" width="100%" height="100%" align="center" valign="center" style="position: relative;"> 

    <img id="img" src="<?php echo $src; ?>" style="position: absolute; top: 0px; left: 0px; width: auto; height: auto; max-height: 100%;" /> 

    </td></tr></tbody></table>

looks like this

を私はIMGを作りたいオートの幅と高さと最大高さを有しています。したがって、画像は最初の画像のようにtdで完全にラップされます。大きな画像であってもビューポート/スクリーンをオーバーフローさせた画像であっても、

出典

2016-04-19 user3777368

具体的な問題を明確にしたり、詳細を追加して必要なものを正確に強調してください。現在書かれているとおり、あなたが求めていることを正確に伝えるのは難しいです。 –

どのような解決策も大変ありがとうございます！ – user3777368