HTML郵件調整大小的父對象中的圖像

我有一個包含標題的HTML郵件。它的工作一切正常，直到包含圖像的點。標題比相對大小的表更大。然後，當我允許Outlook包含externaly託管的圖像時，標題會導致父對象調整大小，並且這會將整個事件搞砸。HTML郵件調整大小的父對象中的圖像

<table width="100%" border="0" cellpadding="0" style="font-family: Calibri;"> 
     <tr> 
       <td width="28%"> 
       </td> 
       <td width="44%"> 
         <img src="http://www.domain.com/header.png" style="width: 100%; height: auto;">

我發現有幾個網站說style="width: 100%; height: auto;"會修復它，但它不會。我怎樣才能適應父對象的圖像，而不是調整父對象的大小？

來源

2016-01-12 davidb

它是一個空的最後一個單元正常工作對我來說，它允許具有由表

<table border="0" cellpadding="0"> 
    <tr> 
    <td class="one"></td> 
    <td class="two"> 
     <img src="http://lorempixel.com/500/250" alt="" /> 
    </td> 
    <td class="empty"></td> 
    </tr> 

</table> 


table{ 
    width:100%; 
    background: grey; 
    font-size:0; 
} 

.one{ 
    width:25%; 
    background: blue; 
} 

.two{ 
    width:50%; 
    background: green; 
} 

img{ 
    width: 100%; 
    height:auto; 
}

https://jsfiddle.net/4822s7w2/

來源

2016-01-12 16:24:37 kevpoccs

設置表格寬度爲固定值所需的寬度爲100％（比如250像素）而不是100％，這是一個相對值。然後你可以相應地調整大小。
另外我會建議使用<div>而不是表格。

來源

2016-01-12 16:38:15

使用什麼而不是表？：D – davidb

我的壞，div標籤 –

最初我死了撒切爾，但後來這是一個混亂中心該div – davidb

HTML郵件調整大小的父對象中的圖像

回答

相關問題