ブラウザのサイズに合わせて画像の大きさも変える

動作ブラウザ 【 IE:3.0  NN:2.0
Internet Explorer Netscape Navigator iCab
3.0x 4.0x 4.5 5.0x 5.5 6.0 2.0x 3.0x 4.0x 4.x 6.0 2.x
Windows - -
Macintosh - -
UNIX - - - - - - -
Dreamcast - - - - - - - - - - -

ポイント <img src="images/1.gif" width="50%" height="50%">
説  明 ブラウザのサイズに合わせて画像の大きさも変えるには、widthとheightに割合を指定します。width="50%"のように指定します。
サンプル <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!