1

フォームに変更が加えられると、ユーザーは電子メールを受け取ります。twitter ブートストラップを使用して、より読みやすい形式で情報を表示したいと思います。驚いたことに、スタイルtext-infoは正しく表示されますが、テーブル スタイルは表示されません。これは構文エラーですか、それとも ColdFusion が電子メールの作成に使用する HTML レンダリング エンジンのタイプに関係していますか? Outlook を使用してメールを表示しています。

私が試した以下：

<cfmail from="test.com" to="me.com" subject="tester" type="html">
 <html>
  <head>
   <!---<link href="/bootstrap/css/bootstrap.min.css" rel="stylesheet">--->
  </head>
   <body>
    <style type="text/css">

     <cfinclude template="/bootstrap/css/bootstrap.min.css">
    </style>

     <!--- Start comparing --->
    <p class="text-info">
      Has updated the following Project Information for Project
     </p>

     <table class="table table-striped" style="width: 600px">
    <tr>
     <th>Field</th>
     <th>Original</th>
     <th>Modified</th>
    </tr>

     <cfif compare(xOrig,xMod) IS NOT 0>
      <tr>
       <td>Field1</td>
       <td>#xOrig</td>
       <td>#xMod#</td>
      </tr>
     </cfif>

      </table>
     </body>
    </html>
</cfmail>
4

2 に答える 2

3

電子メールをレンダリングするために外部スタイルシートを含めることはベスト プラクティスではありません。実際、電子メール クライアントがそれを無視したり削除したりするため、実行したいことの大部分では機能しません。

スタイル付きメールを効果的にレンダリングするには、メール本文の先頭ではなく、インラインで CSS を記述する必要があります。例：

<p style="color:#000;"></p>

インライン スタイルを使用すると、費用対効果が最も高くなります。MailChimp の次のリソースをガイドとして使用してください。Mailchimp HTML メール テンプレート

于 2012-11-10T22:36:30.323 に答える
2

ファイルのコンテンツを含める場合でも、URL でスタイルシートを参照する場合でも、常に head タグにスタイルを配置する必要があります。それらを本文に入れても問題ないかもしれませんが、HTML レンダリング エンジン間で一貫性のない動作が発生する可能性があります。

あなたがコメントアウトしたように、私は個人的にリンクタグを使用します。ただし、電子メールは Web サーバー上にないため、相対参照ではなく絶対参照を使用する必要があります。

<link href="http://www.mysite.com/bootstrap/css/bootstrap.min.css" rel="stylesheet">
于 2012-11-10T01:08:59.073 に答える