Fatal编程技术网
  • android/
  • 让Android版Gmail应用程序呈现我的HTML电子邮件？

让Android版Gmail应用程序呈现我的HTML电子邮件？

android html email gmail

让Android版Gmail应用程序呈现我的HTML电子邮件？,android,html,email,gmail,Android,Html,Email,Gmail,我目前处于停滞状态，需要一些帮助。我正在编写一封HTML电子邮件，这对我来说还是第一次。我对CSS和HTML有基本的了解，但我一辈子都不知道如何解决Gmail的问题，我甚至不知道原因是什么。问题似乎来自唯一的可编辑文本区域，这是地址行（Hi[name]，），也是唯一一个具有多列的行。看起来文本没有缩小以适应屏幕，导致相邻的单元格发疯并展开图片。它在我测试过的所有其他ESP中都非常有效，即使是Outlook。我附上了一张照片和我的代码。请，如果你有任何建议或资源，请帮助一个需要帮助的人 贸易

我目前处于停滞状态，需要一些帮助。我正在编写一封HTML电子邮件，这对我来说还是第一次。我对CSS和HTML有基本的了解，但我一辈子都不知道如何解决Gmail的问题，我甚至不知道原因是什么。问题似乎来自唯一的可编辑文本区域，这是地址行（Hi[name]，），也是唯一一个具有多列的行。看起来文本没有缩小以适应屏幕，导致相邻的单元格发疯并展开图片。它在我测试过的所有其他ESP中都非常有效，即使是Outlook。我附上了一张照片和我的代码。请，如果你有任何建议或资源，请帮助一个需要帮助的人


贸易展\电子邮件\聚会
你好[姓名]，

你应该嵌套你的列而不是列。设置非100%行的所有表格单元格的宽度也很重要。例如：

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (Tradeshow_email_PARTY.jpg) -->
    <table id="Table_01" width="600" height="1046" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <img src="http://i.imgur.com/m2GZSwm.png" style="display:block" width="600" height="408" alt="">
            </td>
        </tr>
        <tr>
            <td>
              <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tr>
                  <td width="47">
                      <img src="http://i.imgur.com/RyJDbPa.png" style="display:block" width="47" height="40" alt="">
                  </td>
                  <td width="123" height="40" style="font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#636564;">
                    Hi [name],
                  </td>
                  <td width="40">
                      <img src="http://i.imgur.com/KUO971D.png" style="display:block" width="430" height="40" alt="">
                  </td>
                </tr>
              </table>

            </td>
        </tr>
        <tr>
            <td>
                <img src="http://i.imgur.com/nWU4N6L.png" style="display:block" width="600" height="598" alt="">
            </td>
        </tr>
    </table>
    <!-- End Save for Web Slices -->
</body>


你好[姓名]，
你会注意到我还为你安排了其他一些小事情。但最终，你会在不应该使用的地方使用大量图像。您的灰色区域应为html格式，红色区域下方的所有文本也应为html格式。

这是我基于上述代码所做的尝试：

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (Tradeshow_email_PARTY.jpg) -->
    <table width="600" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <img src="http://i.imgur.com/m2GZSwm.png" style="display:block" width="600" height="408" alt="">
            </td>
        </tr>
        <tr>
            <td width="600" style="width:600px;min-width:600px;max-width:600px;">
              <table width="600" border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;">
                <tr>
                  <td width="47" style="width:47px;;min-width:47px;padding:0px;margin:0px;">
                      <img src="http://i.imgur.com/RyJDbPa.png" style="display:block;min-width:47px;width:47px;" width="47" height="40" alt="">
                  </td>
                  <td width="123" style="font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#636564;width:123px;min-width:123px;">
                    Hi [name],
                    </td>
                  <td width="430" style="width:430px;min-width:430px;">
                      <img src="http://i.imgur.com/KUO971D.png" style="display:block;width:430px;min-width:430px;" width="430" height="40" alt="">
                  </td>
                </tr>
              </table>

            </td>
        </tr>
        <tr>
            <td>
                <img src="http://i.imgur.com/nWU4N6L.png" style="display:block" width="600" height="598" alt="">
            </td>
        </tr>
    </table>
    <!-- End Save for Web Slices -->
</body>


你好[姓名]，
感谢您的反馈。我相信你会知道，我是这方面的新手，在公司里填补了一些空白。我知道我的方法可以改进，但我得到了一个jpeg和一个时间框架lol。Photoshop是我知道如何将图像切片到html表中的最简单的方法，所以我就是这么做的。继续前进，我肯定会采取更好的方法。我感谢你的帮助，它的代码更简洁，但在Gmail应用程序上看起来还是一样。不过，在其他ESP中仍能很好地发挥作用。说真的，谢谢你的帮助 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
    <!-- Save for Web Slices (Tradeshow_email_PARTY.jpg) -->
    <table width="600" border="0" cellpadding="0" cellspacing="0">
        <tr>
            <td>
                <img src="http://i.imgur.com/m2GZSwm.png" style="display:block" width="600" height="408" alt="">
            </td>
        </tr>
        <tr>
            <td width="600" style="width:600px;min-width:600px;max-width:600px;">
              <table width="600" border="0" cellpadding="0" cellspacing="0" style="border-collapse:separate;">
                <tr>
                  <td width="47" style="width:47px;;min-width:47px;padding:0px;margin:0px;">
                      <img src="http://i.imgur.com/RyJDbPa.png" style="display:block;min-width:47px;width:47px;" width="47" height="40" alt="">
                  </td>
                  <td width="123" style="font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color:#636564;width:123px;min-width:123px;">
                    Hi [name],
                    </td>
                  <td width="430" style="width:430px;min-width:430px;">
                      <img src="http://i.imgur.com/KUO971D.png" style="display:block;width:430px;min-width:430px;" width="430" height="40" alt="">
                  </td>
                </tr>
              </table>

            </td>
        </tr>
        <tr>
            <td>
                <img src="http://i.imgur.com/nWU4N6L.png" style="display:block" width="600" height="598" alt="">
            </td>
        </tr>
    </table>
    <!-- End Save for Web Slices -->
</body>