亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

PHP 電子郵件在 GMail 和 Outlook 中顯示不正確

PHP 電子郵件在 GMail 和 Outlook 中顯示不正確

PHP
慕碼人8056858 2021-09-05 18:08:25
當我嘗試使用 PHPMailer 庫發送 HTML 電子郵件時,收到的電子郵件顯示不正確。我已經嘗試過使用不同的郵件客戶端(Gmail 和 Outlook),但它們看起來非常相似。這是我當前的代碼require_once 'includes/mail-denied.php'; // Here is specified the $message variable, containing the HTML and CSS (https://i.imgur.com/UG1B34V.png)$keys = array('{{ server_name }}', '{{ player_name }}', '{{ reason_area }}', '{{ date }}');$_POST['description'] = nl2br($_POST['description']);$replace = array($servernam, $name, $_POST['description'], date("Y"));$message = str_replace($keys, $replace, $message);$mail_manager = new PHPMailer(true);try {    $mail_manager->SMTPDebug = 2;    $mail_manager->setFrom('noreply@'.$_SERVER['HTTP_HOST'], $servernam);    $mail_manager->addAddress($mail);    $mail_manager->addReplyTo('noreply@'.$_SERVER['HTTP_HOST'], 'Do not reply');    $mail_manager->isHTML(true);    $mail_manager->Subject = "Staff Application System - ".$servernam;    $mail_manager->Body    = $message;    $mail_manager->AltBody = 'Your application has been declined.';    $mail_manager->send();} catch (Exception $e) {    echo "Message could not be sent. Mailer Error: {$mail_manager->ErrorInfo}";我確實收到了電子郵件,但部分 HTML 看起來很亂。這是 HTML 代碼:<?php$message = '<div style="width: 500px;    height: 110px;    position: fixed;    background-color: #ff9999;    border-bottom: 1px solid #ff8080;    display: block;    border-top-left-radius: .5em;    border-top-right-radius: .5em;    color: #FFF;    text-align: center;    font-family: \'Product Sans\', Arial, sans-serif;">    <h2>Staff System Application</h2>    <h3>{{ server_name }}</h3></div>它應該是這樣的: 這就是我收到電子郵件時的樣子: 我對電子郵件中的 HTML 很陌生,我不知道如何解決這個問題。
查看完整描述

2 回答

?
慕桂英3389331

TA貢獻2036條經驗 獲得超8個贊

以下是我從您的信息中收集到的一些建議:

就像我在評論中所說的那樣,盡可能多地使用表格。


避免使用類并使用內聯樣式。將字體樣式添加到您的td以及您的 td 內的任何 html 元素。使用font或span標簽而不是p標簽。


一個例子:


<td style="font-family:Arial; font-size:18px;">

    <font style="font-family:Arial; font-size: 18px">Text here</font>

</td>

不要使用填充、邊距和浮動,使用高度和寬度來創建間距。您甚至可以使用透明圖像來創建間距:


<tr>

    <td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->

    <td><img src="full-image.jpg" alt="your visible image here"></td>

    <td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->

</tr>

<!-- horizontal spacing to create top/bottom margins START -->

<tr height="50" style="height:50px;">

    <td height="50" width="10" style="height: 50; width: 10px"></td>

    <td height="50"><img height="50" style="height: 50px;" src="transparent.png" alt="this is a transparent image"></td>

    <td height="50" width="10" style="height: 50; width: 10px"></td>

</tr>

<!-- horizontal spacing to create top/bottom margins END -->

<tr>

    <td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->

    <td><img src="full-image.jpg" alt="your visible image here"></td>

    <td width="10" style="10px"></td> <!-- vertical spacing to create left/right margins -->

</tr>

其他提示:

  • 避免使用 css border-radius,使用圖片代替

  • 使用網絡安全字體,使用谷歌查找哪些是網絡安全的

  • 使用 CDN 引用您的圖像

Litmus有免費的模板,您可以使用這些模板作為代碼的基礎,它們保證可以在任何客戶端/設備中工作。

我希望這有幫助。如果您還有問題,請告訴我。


查看完整回答
反對 回復 2021-09-05
?
qq_笑_17

TA貢獻1818條經驗 獲得超7個贊

請注意,Outlook 使用 Word 來呈現電子郵件。您可以在以下文章中閱讀有關受支持和不受支持的 HTML 元素、屬性和級聯樣式表屬性的更多信息:


查看完整回答
反對 回復 2021-09-05
  • 2 回答
  • 0 關注
  • 284 瀏覽

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號