我使用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>
答案 0 :(得分:0)
我修好了!它需要的是添加一些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>