雅虎邮箱中的 HTML 电子邮件问题

标签 html css email

好的,所以我无法让我的 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/

相关文章:

.net - 使用 Razor 模板在 MVC3 中发送电子邮件

email - 从服务器发送大量电子邮件时限制您遇到的情况

jquery - 匹配不同尺寸的浏览器时,如何用父元素的specific固定一个元素的位置

html - 固定标题滚动表中的表标题未正确显示

html - 在 HTML5 中创建困难的 UI 选项

javascript - 在全屏 iOS Web 应用程序中部分禁用滚动反弹

html - 以横向模式从 HTML 打印 SVG

css - 删除导航和标题之间的小间隙

javascript - Razor Html.RadioButton 位置到图像中

google-app-engine - Google App Engine - 邮件收件人限制?