Question

我正在制作一个PHP脚本来从数据库中获取信息，并绘制一个表格，其中填写了所有信息。然后它会向客户发送一封电子邮件。

我的问题：我知道所有邮件客户端都忽略了CSS脚本，因此，我完成了将所有样式直接发送到的工作：

html2canvas(document.body, { type: 'view' }).then(function(canvas) {
var img = canvas.toDataURL("image/png");
    ajax_post(img); 
});

在网络浏览器中，它运行良好，但在Gmail中它绘制了所有样式：

<label class="control-label" for="numero_cliente" style="-webkit-app-region:   no-drag;
-webkit-appearance: none;
-webkit-background-composite: source-over;
-webkit-border-horizontal-spacing: 0px;
-webkit-border-vertical-spacing: 0px;
-webkit-box-align: stretch;
-webkit-box-decoration-break: slice;
-webkit-box-direction: normal;
-webkit-box-flex: 0;
-webkit-box-flex-group: 1;
-webkit-box-lines: single;
-webkit-box-ordinal-group: 1;
-webkit-box-orient: horizontal;
-webkit-box-pack: start;
-webkit-box-reflect: none;
-webkit-column-break-after: auto;
-webkit-column-break-before: auto;
-webkit-column-break-inside: auto;
-webkit-column-count: auto;
-webkit-column-gap: normal;
-webkit-column-rule-color: rgb(119, 119, 119);
-webkit-column-rule-style: none;
-webkit-column-rule-width: 0px;
-webkit-column-span: none;
-webkit-column-width: auto;
-webkit-font-smoothing: auto;
-webkit-highlight: none;
-webkit-hyphenate-character: auto;
-webkit-line-box-contain: block inline replaced;
-webkit-line-break: auto;
-webkit-line-clamp: none;
-webkit-locale: en;
-webkit-margin-after-collapse: collapse;
-webkit-margin-before-collapse: collapse;
-webkit-mask-box-image: none;
-webkit-mask-box-image-outset: 0px;
-webkit-mask-box-image-repeat: stretch;
-webkit-mask-box-image-slice: 0 fill;
-webkit-mask-box-image-source: none;
-webkit-mask-box-image-width: auto;
& more the style tags
">N&uacute;mero de cliente: </label>

但是Hotmail忽略了它，它就像它想要的那样打印出来。

有没有办法让电子邮件客户端阅读这些内容，还是应该继续尝试使用内联编辑器或将它们写入所有样式标记？

Gmail error

hotmail error

在PHP中的电子邮件中应用样式行

0 个答案: