Question

我正在为电子邮件构建内容，并且需要一个仅包含图像的表格，并且相应地调整大小。该代码在Firefox中运行良好，但Chrome，Iphone 6电子邮件客户端和其他人在调整大小期间在表行/单元格中添加空格。如果我将图像上的高度设置为100％，则调整大小时没有空格，但调整大小时宽高比较差。关于如何解决的任何想法？

＆＃13;

<table border='0' cellpadding='0' cellspacing='0' width='100%' style='border-collapse:collapse;'>
  <tr>
    <td align='center'>
      <table border='0' cellpadding='0' cellspacing='0' style='border-collapse:collapse;'>
        <tr>
          <td colspan='3'><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/__top.png' style='display:block; width:100%;'></td>
        </tr>
        <tr>
          <td rowspan='2'><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/middle_left.png' style='display:block; width:100%;'></td>
          <td>
            <table border='0' cellpadding='0' cellspacing='0' style='border-collapse:collapse;'>
              <tr>
                <td colspan=2><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/question1_a.png' style='display:block; width:100%; '></td>
              </tr>
              <tr>
                <td><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/answer1_a.png' style='display:block; width:100%; '></td>
                <td><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/answer2_a.png' style='display:block; width:100%;'></td>
              </tr>
              <tr>
                <td colspan=2><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/answer3_a.png' style='display:block; width:100%;'></td>
              </tr>
            </table>
          </td>
          <td  rowspan='2'><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/middle_right.png' style='display:block; width:100%;'></td>
        </tr>
        <tr>
          <td><img src='http://image.s6.exacttarget.com/lib/fe9312727666017870/m/1/bottom.png' style='display:block; width:100%;'></td>
        </tr>
      </table>
    </td>
  </tr>
</table>

＆＃13;

表中的响应图像 - 高度问题

0 个答案: