Android gmail无法正确缩放背景图片

时间：2017-12-05 22:47:47

标签： android gmail html-email apple-mail 

<html>
  <head>
  </head>
  <body>
  <td>
    <table align="center" background="{{imgUrl}}" height="461" width="597">
      <tr>
        <td width="597" height="461">&nbsp;</td>
      </tr>
    </table>
  </body>
</html>

见上面的代码。在Android上，图像没有正确缩放。见附件图片。enter image description here有没有人知道如何修复它？谢谢！

2 个答案:

答案 0 :(得分：2)

它是由gmail自动调整大小引起的，可以通过应用min-width来修复 - style="min-width:597px;"

来自 - https://www.campaignmonitor.com/forums/topic/7733/android-gmail-image-resizing-issues/的想法

答案 1 :(得分：0)

你正在给桌子一个宽度和宽度。高度与里面的td相同。您应该能够使用媒体查询来控制表格高度。

试试这段代码：

<html>
  <head>
    <style type="text/css">
     @media only screen and (max-width:480px) {
     .bannerTable{width:100% !important;height:auto !important;}
     }
    </style>
  </head>
  <body>
  <td>
    <table align="center" background="{{imgUrl}}" width="597" style="width:100%; max-width:597px; height:461px;display:block;" class="bannerTable">
      <tr>
        <td>Content goes here</td>
      </tr>
    </table>
  </body>
</html>

希望这适合你

相关问题
最新问题