ミン幅は最大幅は、Outlook 2007、2010年、および2013応答eBlast

Question

のために、私は(it can be found here)

すべては紳士のの下の写真を除いてよさそうだクライアントのeBlastを作っています、Outlookでそれが吹きます巨大なサイズまで。

特定のOutlook電子メールサービスで問題が発生しています。 eBlastはLitmusのすべてのテストをパスしましたが、Outlook 2010と2013では問題をさらに調査しましたが、最大幅と最小幅はOutlookで重要でないため、コードを読み取れないためです。

誰もがこのコードを見て、私はeblastの下部にある画像に適用することができ、いくつかの修正を提案してくださいすることができ、それは、現在、このコードブロックに座っている：

<table style="border-spacing: 0;border-collapse: collapse;vertical-align: top" cellpadding="0" cellspacing="0" width="100%" border="0"> 
 
<tbody><tr style="vertical-align: top"> 
 
    <td style="word-break: break-word;border-collapse: collapse !important;vertical-align: top;width: 100%;padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px" align="center"> 
 
     <div style="font-size:12px" align="center"> 
 
     <img class="center" style="outline: none;text-decoration: none;-ms-interpolation-mode: bicubic;clear: both;display: block;border: none;height: auto;line-height: 100%;margin: 0 auto;float: none;max-width: 146px" align="center" border="0" src="http://www.lonebeacondevelopment.com/images/jfir.jpg" alt="Image" title="Image" style="max-width:146px !important; width:50%"> 
 
     </div> 
 
    </td> 
 
</tr>

私は永遠に感謝します、ありがとう。

Answer 1

最大幅をどちらかに設定する場合は、画像のサイズをそれに設定するか、get-goからあらかじめ決められた幅に設定してください。

このようにすれば、Outlookはその最大幅を無視して完全な画像を表示するため、最大の画像を読み込むことができます。

あなたは600pxよりも高くならないので、ハードコーディングするか、CSSを使用してサイズを調整する代わりに実際のフルサイズのイメージを調整するだけで問題はありません。

Answer 2

正しいですが、Outlookはmin-widthまたはmax-widthをサポートしていません。

Outlook 2010および2013はデスクトップ専用で、Microsoft officeを使用して電子メールを送信するため、ghost tablesおよびVMLを使用して、これらの電子メールクライアントで画像の表示を146ピクセルだけにすることができます。このような

何かがトリックを行う必要があります：あなたの問題の

<div style="max-width: 146px;"> 
    <!--[if mso]> 
    /* Everything inside here is only read by Outlook 07/10/13 */ 
    <table cellspacing="0" cellpadding="0" border="0" width="146" align="center"> 
    <tr> 
    <td> 
    <![endif]--> 
     <img class="center" src="http://www.lonebeacondevelopment.com/images/jfir.jpg" alt="Image" title="Image" style="width: 100%;"> 
    <!--[if mso]> 
    </td> 
    </tr> 
    </table> 
    <![endif]--> 
</div> 

Answer 3

パートは、2つのスタイルが同じ要素に属性を持っていることです。そのうちの1つは無視されます。 Outlookの場合、私が見つけた最良の解決策は、最大幅を設定するスタイルの前に古い形式の明示的なwidth = "146"を追加することです。 Outlookでは古い属性のみが注目されますが、より現代的なクライアントはスタイルの最大幅を解釈します。