Question

我正在创建HTML电子邮件模板，该模板应适用于Yahoo，Gmail和Outlook等所有电子邮件客户端。当我在Yahoo mail mobile web和Yahoo mail iOS app中验证我的电子邮件内容时，即使应用的样式相同，换行也是不同的。

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="format-detection" content="telephone=no">

<style type="text/css">
* {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
body {
    margin: 0 auto;
    padding: 0;
}
</style>

</head>
<body>
<table style="background:red;width:200px" cellpadding="0" cellspacing="0" border="0" align="left" width="200" > 
    <tr> 
        <td  style="background:yellow;font-size:14px;line-height:20px;font-family:Arial;border:none;font-weight:normal;padding:0;margin:0;outline:none;box-shadow:none;-webkit-text-size-adjust: none;" >
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.          
        </td> 
    </tr> 
</table>
</body>
</html>

我尝试使用可能的CSS对其进行规范化，并为容器提供200px的宽度。但是，换行符不同。知道为什么会这样吗？

电子邮件html模板：雅虎电子邮件客户端的换行符不同

0 个答案: