Html 电子邮件在 Android 上无法正常工作答案

【问题标题】：Html Email don't work well on AndroidHtml 电子邮件在 Android 上无法正常工作
【发布时间】：2017-06-23 17:57:26
【问题描述】：

请查看我的代码并告诉我是否有问题。这是一封 Html 电子邮件。它在所有设备上都能完美运行，但在我搜索两天后的 Android 中却不行，但仍然不知道为什么。

谢谢

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="Content-Type" content=" text/watch-html; charset=utf-8" />
    <title>Email</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>
<body><!--[if IE]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
    <![endif]-->
<table align="center" border="0" cellpadding="0" cellspacing="0" style="font-family:Helvetica,Arial, sans-serif;height: 748px; padding: 280px 90px 100px; background-image: url(https://image.jpg);" width="600">
    <tbody>
        <tr>
            <td style="font-size: 20px; color:#415ca7;height: 100px;"> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</td>
        </tr>
        <tr>
            <td style="height: 10px;">
            <hr style="height:3px; background-color:#d01d1b; width: 40px; float:left;border:none;" /></td>
        </tr>
        <tr>
            <td style="font-size: 15px; color:#415ca7;height: 120px;padding-bottom: 50px;"> is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's</td>
        </tr>
        <tr>
            <td class="button" style="background-color: #d01d1b;border-radius: 5px;text-align: center;padding: 10px 20px;line-height: 40px;display: block;margin: 0 auto;width: 200px;"><a href="#" style="color: #ffffff;display: block;font-size: 14px;text-decoration: none;text-transform: uppercase;" target="_blank">LINK</a></td>
        </tr>
    </tbody>
</table>
</body>
</html>

【问题讨论】：

标签： android html email

【解决方案1】：

我假设它在安卓手机上看起来不太好？这是一个非常普遍的问题。 This 文章介绍了一些细节。但基本上你应该有一个可以适应多种屏幕尺寸的流畅布局。

CSS 有时也不能很好地与 android 配合使用。 Here 是 CSS 属性及其与 android 兼容性的列表。

【讨论】：

嗨，玛乔丽，感谢您的帮助。是的，电子邮件在 Android 上显示不好。实际上它有点太放大了。我红了文章，但我没有找到解决方案... :)
抱歉，Marjorie 更新了一点。我错了，您的链接对于流畅的布局方面非常有帮助 + 我们应该添加背景尺寸的背景图片：包含；
我很高兴他们提供了帮助！
C'est fait et encore milles merci ;)