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

Question

<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 上，图像未正确缩放。见附图。有谁知道如何修复它吗？谢谢！

Answer 1

这是由 gmail 自动调整大小引起的，可以通过应用最小宽度来解决 -- style="min-width:597px;"

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

Answer 2

您正在为 table 提供与其中的 td 相同的宽度和高度。您应该能够使用媒体查询来控制 table 高度。

试试这个代码：

<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>

希望这对你有用

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

Android gmail can't scale background image correctly

gmail

android

html-email

apple-mail