img {
width: 100%;
display: block;
resize: both;
}
<html>
<head>
<title>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (Untitled-1) -->
<table id="Table_01" width="600" height="901" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="4">
<img src="images/test_01.jpg" width="600" height="226" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/test_02.jpg" width="309" height="228" alt=""></td>
<td colspan="2" rowspan="2">
<img src="images/test_03.jpg" width="291" height="290" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/test_04.jpg" width="309" height="62" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/test_05.jpg" width="216" height="384" alt=""></td>
<td colspan="2">
<img src="images/test_06.jpg" width="186" height="34" alt=""></td>
<td rowspan="2">
<img src="images/test_07.jpg" width="198" height="384" alt=""></td>
</tr>
<tr>
<td colspan="2">
<img src="images/test_08.jpg" width="186" height="350" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="216" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="93" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="198" height="1" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>
</html>
我实际上无法使表格图像适合我的屏幕。我试图添加一个div但不起作用尝试以适合的宽度和高度比例居中我的桌子我的图像的宽度和高度是如此之大，这就是为什么我很难为桌子本身调整大小以适应我的屏幕。 :(我需要重做我的设计jpeg吗？我只是把它放在这里的一个列但它上面有很多列。一切都搞砸了我的代码。我是初学者。需要你的帮助。
我建议改变图像分辨率，使其成为width="2250" height="1010"甚至更好的width="1125" height="505"
希望这个有效！
或者，您可以使用CSS来设置大小样式：
img {
width: 25%
height: 25%
}