如何避免电子邮件客户端中的剪辑

Question

我正在设计发票电子邮件的样式。整个电子邮件客户端渲染让我发疯。

是否可以像 iOS 一样在 Gmail 应用程序电子邮件客户端上显示全部内容（缩小）？

现在 Gmail 应用程序电子邮件正在削减我电子邮件的一半。

iOS 像桌面版本一样显示内容

更新：添加源代码（仅部分）

<!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" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<title>Web Bestellung</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="x-apple-disable-message-reformatting" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<style type="text/css">
    body, .maintable { height:100% !important; width:100% !important; margin:0; padding:0;}
    img, a img { border:0; outline:none; text-decoration:none;}
    p {margin-top:0; margin-right:0; margin-left:0; padding:0;}
    .ReadMsgBody {width:100%;}
    .ExternalClass {width:100%;}
    .ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {line-height:100%;}
    img {-ms-interpolation-mode: bicubic;}
    body, table, td, p, a, li, blockquote {-ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;}
</style>
<!-- <style type="text/css">
@media only screen and (max-width: 480px) {
 .rtable {width: 100% !important;}
 .rtable tr {height:auto !important; display: block;}
 .contenttd {max-width: 100% !important; display: block; width: auto !important;}
 .contenttd:after {content: ""; display: table; clear: both;}
 .hiddentds {display: none;}
 .imgtable, .imgtable table {max-width: 100% !important; height: auto; float: none; margin: 0 auto;}
 .imgtable.btnset td {display: inline-block;}
 .imgtable img {width: 100%; height: auto !important;display: block;}
 table {float: none;}
 .mobileHide {display: none !important;}
}
</style> -->
<!--[if gte mso 9]>
<xml>
  <o:OfficeDocumentSettings>
    <o:AllowPNG/>
    <o:PixelsPerInch>96</o:PixelsPerInch>
  </o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>

https://jsfiddle.net/5qpdk63h/

Answer 1

您的完整 html 文件是否超过 102KB？您可能需要精简代码。

GMAIL 的文件大小限制为 102KB。 102KB 之后，它将剪辑电子邮件以显示该内容量，其余内容将被剪辑并显示“单击此处查看完整电子邮件”消息。

超过该重量限制也会扰乱您的布局，因为无论是否不包括结束表格和其他内容，GMail 都会在 102K 标记所在的位置进行剪切。

如何避免电子邮件客户端中的剪辑

问题描述投票：0回答：1

1个回答

最新问题

如何避免电子邮件客户端中的剪辑

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1