好的,所以我无法让我的 html 电子邮件在雅虎邮件中具有最大宽度。
这是我正在使用的 html 代码的一部分:
<body leftmargin="0" marginwidth="0" topmargin="0" marginheight="0" offset="0" width="600" style="-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; margin: 0 auto !important;padding: 0;background-color: #fff;height: 100%;width: 100%; max-width: 600px !important;">
</body>
和CSS:
body {
/*@editable*/ background-color:#171717 !important;
width: 100% !important;
max-width: 600px !important;
margin: 0 auto !important;
}
谁能帮忙解决这个问题。 干杯
最佳答案
您需要使用表格进行布局,如下所示;
<div style="max-width:600px;align-self:center;">
<!--[if (gte mso 9)|(IE)]>
<table width="600" align="center" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding:0;">
<![endif]-->
<table align="center" style="border-spacing:0;margin:0 auto;width:100%;max-width:600px;background-color:#ff000a">
<tr>
<td>
content
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</table>
<![endif]-->
</div>
关于雅虎邮箱中的 HTML 电子邮件问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43484695/