我正在嘗試實施時事通訊,并插入了一些圖片。
如果我不下載時事通訊中的標題圖片,占位符就很大:
它適用于 Gmail、Outlook 移動版,但不適用于 Outlook 桌面版。
我的時事通訊代碼是下面提供的代碼。產生問題的圖片是帶有 alt="圖片前景的巨大占位符" 的圖片。
不要混淆為什么要為這么多元素設定“高度”。這是為了測驗是否有任何東西影響被阻止的圖片,但它沒有。
<table id="header" width="100%" height="250px" cellpadding="5" cellspacing="0" style="height:110px">
<tr>
<td align="left" height="110px" style="position:relative;height:110px;Background-color:#040C2C">
<a href="{$baseUrl}/{$lng}" style="height:110px">
<img style="width:100%; height:110px" height="110px" width="100%" src="{$baseUrl}{$SkinPath}/images/header_receipt.png" alt="header"></img>
</a>
</td>
</tr>
<tr>
<td colspan="2" style="border-bottom:1px solid #000000;padding:0; font-size: 0px; line-height: 0;"></td>
</tr>
<tr>
<td colspan="2">
<xsl:value-of select="aspdnsf:ReceiptTopic('ReceiptHeader', $OrderNumber)" disable-output-escaping="yes" />
</td>
</tr>
</table>
uj5u.com熱心網友回復:
使用 width 和 height 屬性(height=, width=),您不會將單位放在 px 中。
此外,要計算出比例,寬度屬性需要是像素值。
所以試試:
<img style="width:100%; height:110px" height="110" width="600" src="{$baseUrl}{$SkinPath}/images/header_receipt.png" alt="圖片前景的巨大占位符">
我也洗掉</img>
了,因為這不是<img>
標簽的東西,它會自動關閉。
轉載請註明出處,本文鏈接:https://www.uj5u.com/caozuo/496255.html