1

製品メールを送信していますが、gmail では非常に悪いようです。

私のコード:

<tr id="PART1">
  <td  align="left">
    <table class="deviceWidth">
       <tr>
         <td colspan="2"  align="left">
            <img src="logo.gif" style="display:block" border="0"/>
         </td>
         <td id="TdIwantToHide" class="displayAction">Lorem ipsum</td>
      </tr>
     </table>
  </td>
</tr>

<tr id="PART2" class="deviceBlock">
   <td>
       <table class="deviceWidth">
          <tr>
            <td>Lorem ipsum</td>
          </tr>
       </table>
   </td>
</tr>

CSS: .displayAction { 表示:ブロック!重要; } .deviceBlock { 表示:なし!重要; }

ディスプレイの取り外しもテストし、次のように変更しました

line-height:0px;
font-size:0px;
height:0px;
margin:0;
padding:0;

私はいくつかのウェブサイトでこの修正を見て、人々はそれが機能すると言っていますが、機能しません. どっちも見える

誰かがそれを行う方法を知っていますか？

4

5 に答える 5

1

「visibility: hidden」と「display: none」の両方を使用してみてください。

    'line-height:0px;
     font-size:0px;
      height:0px;
      margin:0;
      padding:0;'
于 2015-10-10T20:41:10.697 に答える
1

ああ、問題は、gmail がメール内のスタイル タグを削除することです。これが、すべての HTML メールでほとんどのスタイル設定をインラインで行う必要がある理由です。

Gmail だけでコンテンツを非表示にしたいですか、それともすべてのデスクトップ クライアントでコンテンツを非表示にしますか? 私の知る限り、gmail を条件付きでターゲットにする方法はありません。

(以下のコメントに返信します:)

その後、設定する必要があり<td id="TdIwantToHide" class="displayAction" style="display:none;">、メディアクエリで@media only screen and (max-width: 640px) { td[id="TdIwantToHide"] { display:block !important; } }スタイルタグを使用して再度表示します。

于 2014-04-10T14:47:08.217 に答える
0
于 2014-06-17T06:10:29.043 に答える
0

を使用する必要がありますdisplay:none; display:none !important;。

display:none !important;Gmail で動作します。display:none;が Outlook を処理します。

于 2014-04-18T16:51:50.627 に答える