html - 包含图像的通讯 - 移动设备上的图像之间有空格

Question

我使用 Simplenews 时事通讯模块从我的 Drupal-7 网站发送时事通讯。时事通讯是基本的 HTML 和 CSS，并且始终包含小图像，当并排添加时，它们会创建更大的图像。
当您在任何浏览器上接收时事通讯看起来都很好，但是当您在移动设备上接收时，图像之间有很大的空间。我应该添加什么来解决这个问题？
这是我已经使用的代码。这是在切片上裁剪完整图像时生成的表格代码，我做了一些 css 更改:

<table id="Table_01" width="750" height="1636" border="0" cellpadding="0" cellspacing="0">
<tr>
    <td colspan="3">
    <a href="link" target="_blank">
        <img src="test.png" width="750" height="319" alt="" style="display:block;"></a></td>
</tr>
<tr>
    <td colspan="3">
    <a href="link" target="_blank">
        <img src="test.png" width="750" height="336" alt="" style="display:block;"></a></td>
</tr>
<tr>
    <td colspan="3">
    <a href="link" target="_blank">
        <img src="test.png" width="750" height="702" alt="" style="display:block;"></a></td>
</tr>
<tr>
    <td colspan="3">
    <a href="link" target="_blank">
        <img src="test.png" width="750" height="71" alt="" style="display:block;"></a></td>
</tr>
<tr>
    <td colspan="3">
    <a href="link" target="_blank">
        <img src="test.png" width="750" height="46" alt="" style="display:block;"></a></td>
</tr>
<tr>
    <td colspan="3">
        <img src="test" width="750" height="28" alt="" style="display:block;"></td>
</tr>
<tr>
    <td>
    <a href="link" target="_blank">
        <img src="test.png" width="422" height="44" alt="" style="display:block;"></a></td>
    <td>
        <a href="link" target="_blank"> 
        <img src="test.png" width="29" height="44" alt="" style="display:block;">
        </a>
        </td>
    <td>
        <a href="link" target="_blank">
        <img src="test.png" width="299" height="44" alt="" style="display:block;">
        </a>
        </td>
</tr>
<tr>
    <td colspan="3">
        <img src="link" width="750" height="90" alt="" style="display:block;"></td>
</tr>

Answer 1

我修好了!它需要的是添加一些 spacer.gif 图像，如果创建了表格，这些图像的宽度将添加到总宽度中。
例如:

<tr>
<td>
    <img src="images/spacer.gif" alt="" width="272" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="12" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="6" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="233" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="37" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="35" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="12" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="67" height="1">
</td>
<td>
    <img src="images/spacer.gif" alt="" width="286" height="1">
</td>