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>

包含图像的时事通讯 - 图像在手机上有空格

1 个答案: