我已经完成了一个用于电子邮件的html页面。这有一个嵌套表,可以在桌面浏览器和电子邮件应用程序中正常工作
但是当在gmail android app中查看时,嵌套表的宽度减少了2px。谁能告诉我为什么会这样?请在下面或jsfiddle.
中找到代码 <table width="600" border="0" align="center" cellpadding="0" cellspacing="0" style="font-family: Arial, Helvetica, sans-serif;">
<tr>
<td width ="600" height="236">
<a href="http://www.novadetox.co.uk/" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_01.jpg" width="600" height="236" style="display: block;"/>
</a>
</td>
</tr>
<tr>
<td width ="600" height="207">
<a href="http://www.novadetox.co.uk/acatalog/diet.html" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_02.jpg" width="600" height="207" style="display: block;"/>
</a>
</td>
</tr>
<tr>
<td width ="600" height="195">
<a href="http://www.novadetox.co.uk/acatalog/diet.html" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_03.jpg" width="600" height="195" style="display: block;" />
</a>
</td>
</tr>
<tr>
<td width="600" height="147">
<table id="products"width="600" height="147" border="0" align="center" cellpadding="0" cellspacing="0" style="font-family: Arial, Helvetica, sans-serif; display: block;">
<tr>
<td width ="37" height="147" >
<a href="http://www.novadetox.co.uk/acatalog/diet.html" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_04.jpg" width="37" height="147" />
</a>
</td>
<td width ="117" height="147" >
<a href="http://www.novadetox.co.uk/cgi-bin/sh000002.cgi?WD=fat%20thermogenic%20burner&PN=natural-fat-burners-slimming-supplements%2ehtml#a681" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_05.jpg" width="117" height="147" />
</a>
</td>
<td width ="21" height="147" >
<a href="http://www.novadetox.co.uk/acatalog/diet.html" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_06.jpg" width="21" height="147" />
</a>
</td>
<td width ="117" height="147" >
<a href="http://www.novadetox.co.uk/cgi-bin/sh000002.cgi?WD=dietary%20complex%20fibre&PN=dietary-fibre-supplement%2ehtml#a3011" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_07.jpg" width="117" height="147" />
</a>
</td>
<td width ="21" height="147" >
<a href="http://www.novadetox.co.uk/acatalog/diet.html" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_08.jpg" width="21" height="147" />
</a>
</td>
<td width ="117" height="147" >
<a href="http://www.novadetox.co.uk/cgi-bin/sh000002.cgi?WD=fat%20blocker%20carb&PN=fat-magnet-diet-pills%2ehtml#a2999" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_09.jpg" width="117" height="147" />
</a>
</td>
<td width ="21" height="147" >
<a href="http://www.novadetox.co.uk/acatalog/diet.html" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_10.jpg" width="21" height="147" />
</a>
</td>
<td width ="118" height="147" >
<a href="http://www.novadetox.co.uk/cgi-bin/sh000002.cgi?WD=acai%20berry&PN=pure-acia-berry-weight-loss-pills%2ehtml#a813" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_11.jpg" width="118" height="147" />
</a>
</td>
<td width ="31" height="147" >
<a href="http://www.novadetox.co.uk/acatalog/diet.html" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_12.jpg" width="31" height="147" id="last-image"/>
</a>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td width="600" height="102">
<a href="http://www.novadetox.co.uk" >
<img src="http://www.novadetox.co.uk/eshots/new-year-eshot/images/nova-ny_13.jpg" width="600" height="102" style="display: block;" />
</a>
</td>
</table>