与浏览器相比，HTML 表格在 Gmail 中显示不同

Question

<table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td>
            <table width="100%" height="131" border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td width="570" height="131">
                        <img title="header_agado_zg_lv.jpg" alt="header_agado_zg_lv.jpg" border="0" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_lv.jpg" width="570" height="131">
                    </td>
                    <td>
                        <table width="130" height="131" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                                <td><img title="header_agado_zg_ds1.jpg" alt="header_agado_zg_ds1.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds1.jpg" width="130" height="19" border="0"></td>
                            </tr>
                            <tr style="height: 25px;">
                                <td style="height: 25px;"><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds2.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds3.jpg" alt="header_agado_zg_ds3.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds3.jpg" width="130" height="12" border="0"></td>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds4.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds5.jpg" alt="header_agado_zg_ds5.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds5.jpg" width="130" height="12" border="0"></td>
                            </tr>
                            <tr>
                                <td><a href="#"><img src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds6.jpg" width="130" height="25" border="0"></a></td>
                            </tr>
                            <tr>
                                <td><img title="header_agado_zg_ds7.jpg" alt="header_agado_zg_ds7.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_ds7.jpg" width="130" height="13" border="0"></td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td><img title="header_agado_sp.jpg" alt="header_agado_sp.jpg" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_sp.jpg" width="700" height="152"></td>
    </tr>
</table>
                                                                                </tr>
                                                                            </table>!

谷歌邮箱:

浏览器:

为什么页面在 Gmail 中的显示方式与在浏览器中的显示方式不同？我该如何解决这个问题？

Answer 1

为电子邮件中的每个图像标签添加内联样式:

例如:

<img title="header_agado_zg_lv.jpg" alt="header_agado_zg_lv.jpg" border="0" src="http://em.agadomarketing.com/admin/temp/user/2/header_agado_zg_lv.jpg" width="570" height="131" style='border: none; display:block;' />

简而言之 style='border: none;显示: block ；'