0
画面の高さに応じてテーブルやdiv内の画像のサイズを変更したいと考えています。イメージとテーブルのサイズを同時に変更するにはどうすればよいですか？
画像のサイズを変更するために、すべての種類のコードを使用していますが、テーブルやdivの外側にある何らかの絶対位置を常に引き出します。
- 画像の割合は尊重する必要があります。
- 画像全体は常にすべての画面解像度で表示される必要があります （スクロールなし）。
- テーブルの最上部のセルは、常にサイズ変更されたイメージの幅と同じである必要がありますが、高さは固定されている必要があります。
- 私の画像（「1.jpg」）はもともと800x600です。
マイコード：
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test</title>
<style>
html, body, table { height:100%; width:auto; }
.stretch {
height:100%;
width:auto;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="125px" bgcolor="#CCCCCC"> </td>
</tr>
<tr>
<td><img src="images/1.jpg" class="stretch" /></td>
</tr>
</table>
</body>
あなただけのHTMLを使用しています？ – Phphelp