Question

只有图片的顶部显示在HTML电子邮件中。我在Rails 3中使用ActionMailer发送它。如何显示图像的全长？

<!DOCTYPE html>
<html>
  <head>
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
  </head>
  <body>
        <table style="background-repeat: no-repeat; background-size: 100% 100%;" width="100%" height="100%" border="0" cellspacing="0" cellpadding="20" background="https://s3.amazonaws.com/mybucket/image.png">
                <tr><td></td></tr>
        </table>
  </body>
</html>

对此的任何想法都会很棒。我只是希望将image.png的全部内容显示在电子邮件中。

Answer 1

将表格的高度设置为等于图像的高度。只是为了让您知道，并非所有电子邮件客户端都支持背景图像。

Answer 2

添加到您的html和正文标记style="height: 100%"

或

将html标记设置为图片style="height: 550px"的高度，并将正文标记设置为style="height: 100%"

Fiddle example 100% tags Fiddle example with fixed height html tag

HTML电子邮件未显示完整的背景图像高度

2 个答案: