在下面的电子邮件模板中，当我更改表的高度（即id =“dueAmt1”，id =“dueAmt2”，id =“dueAmt3”）时，它没有反映在电子邮件模板中我怎么能看到chagnes用浏览器打开时反映。 请帮助我理解为什么改变或不反映在电子邮件中？
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table width="100%" cellpadding="10" style="border-color: white;border-width: 0;border-bottom: 0px solid rgb(230,230,230);">
<tr>
<td align="center" style="color: rgb(74,74,74);text-transform: uppercase;font-weight: bold;font-size: 14pt;">This bill compared to previous months</td>
</tr>
<tr>
<td>
<table width="100%" style="border-color: white;border-width: 0;">
<#assign maxAmount = maxBill((dAmt1)!0,(dAmt2)!0,(dAmt3)!0)>
<#if maxAmount == 1>
<#assign maxBillValue = dAmt1>
<#elseif maxAmount == 2>
<#assign maxBillValue = dAmt2>
<#elseif maxAmount == 3>
<#assign maxBillValue = dAmt3>
</#if>
<#if (maxAmount > 0)>
<#if dAmt1??>
<tr cellpadding="20">
<td width="100" style="padding-bottom: 10px;">
<div style="color: rgb(51,51,51);font-weight: bold;font-size: 14pt;text-align: left;">$${dAmt1}</div>
<div style="color: rgb(51,51,51);font-size: 14pt;text-align: left;">${DueDate1}</div>
</td>
<#if (dAmt1 > 0)>
<td>
<table id="dueAmt1" width="100%" height="50" style="border-color: white;border-width: 0;border-collapse: collapse;">
<tr style="background-color: rgb(230,230,230);">
<#if maxAmount == 1>
<td style="background-color: rgb(255,210,0);"></td>
<#else>
<td width="${dAmt1/maxBillValue*100}%" style="background-color: rgb(191,191,191);"></td>
<td class=""></td>
</#if>
</tr>
</table>
</td>
</#if>
</tr>
</#if>
<#if dAmt2??>
<tr>
<td style="padding-bottom: 10px;" width="100">
<div style="color: rgb(51,51,51);font-weight: bold;font-size: 14pt;text-align: left;">$${dAmt2}</div>
<div style="color: rgb(51,51,51);font-size: 14pt;text-align: left;">${DueDate2}</div>
</td>
<#if (dAmt2 > 0)>
<td>
<table id="dueAmt2" width="100%" height="50" style="border-color: white;border-width: 0;border-collapse: collapse;">
<tr style="background-color: rgb(230,230,230);">
<#if maxAmount == 2>
<td style="background-color: rgb(255,210,0);"></td>
<#else>
<td width="${dAmt2/maxBillValue*100}%" style="background-color: rgb(191,191,191);"></td>
<td class=""></td>
</#if>
</tr>
</table>
</td>
</#if>
</tr>
</#if>
<#if dAmt3??>
<tr>
<td width="100px" style="padding-bottom: 10px;">
<div style="color: rgb(51,51,51);font-weight: bold;font-size: 14pt;text-align: left;">$${dAmt3}</div>
<div style="color: rgb(51,51,51);font-size: 14pt;text-align: left;">${DueDate3}</div>
</td>
<#if (dAmt3 > 0)>
<td>
<table id="dueAmt3" width="100%" height="50" style="border-color: white;border-width: 0;border-collapse: collapse;">
<tr style="background-color: rgb(230,230,230);">
<#if maxAmount == 3>
<td style="background-color: rgb(255,210,0);"></td>
<#else>
<td width="${dAmt3/maxBillValue*100}%" style="background-color: rgb(191,191,191);"></td>
<td class=""></td>
</#if>
</tr>
</table>
</td>
</#if>
</tr>
</#if>
</#if>
</table>
</td>
</tr>
</table>
</body>
</html>