| ポイント |
<![CDATA[
<img src="images/1.gif" width="50%" height="50%">
]]>
|
| 説 明 |
ブラウザのサイズに合わせて画像の大きさも変えるには、widthとheightに割合を指定します。width="50%"のように指定します。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>Sample</title>
</head>
<body>
<table width="100%" height="100%">
<tr>
<td><img src="images/1.gif" width="50%" height="50%"></td>
<td><img src="images/2.gif" width="50%" height="50%"></td>
<td><img src="images/3.gif" width="50%" height="50%"></td>
</tr>
<tr>
<td><img src="images/4.gif" width="50%" height="50%"></td>
<td><img src="images/5.gif" width="50%" height="50%"></td>
<td><img src="images/6.gif" width="50%" height="50%"></td>
</tr>
</table>
</body>
</html>
]]>
|
| 補足説明 |
MacOS X + Safari 1.2.3では、割合を指定しても他のブラウザと表示が異なってしまいます。また、入れ子になっている場合は親タグのwidth、heightが指定されていないとSafariでは何も表示されないことがあります。 |
|
■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
ブラウザのサイズに合わせて画像の大きさも変える