使用html模板在gmail中无法正确加载图像（在Samsung Galaxy Note 5上）

本文介绍了使用html模板在gmail中无法正确加载图像（在Samsung Galaxy Note 5上）的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我为电子邮件创建了一个html模板。（使用 PHP 和 PHPMailer 发送邮件）

在以下尺寸中工作正常。

大屏幕显示（LG）

中或正常屏幕显示和笔记本电脑（MD）
平板电脑屏幕（SM）
移动设备屏幕（XS）

在Outlook中工作

但它在 Samsung Galaxy Note 5 中不起作用。

在其他安卓设备中看起来像下面的图片，

图片显示为像attache d项目三星Galaxy Note 5 。

HTML代码：

<！DOCTYPE html PUBLIC - // W3C // DTD XHTML 1.0 Transitional // ENhttp：/ / /www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\"><html xmlns =http://www.w3.org/1999/xhtml> < HEAD> < meta http-equiv =Content-Typecontent =text / html; charset = utf-8/> < title>简单的自适应HTML电子邮件< / title> < style type =text / css> .content {max-width：900px！important;} .dynamic_container {width：31.33％！important; border：1px solid #ccc; margin：1％;} a {padding：10px 8px！important;} @media（min-宽度：651px）和（最大宽度：992px）{.content {max-width：600px！important;} .dynamic_container {width：47％！important; margin：1.5％;} a {padding：10px 0！important; }} @media（min-width：0px）和（max-width：650px）{.content {max-width：300px！important;} .dynamic_container {width：96％！important; border：1px solid #ccc; margin ：2％;}}< / style> < /头> < body bgcolor =＃f6f8f1style =margin：0px 0px 0px 0px; padding：0px 0px 0px 0px; min-width：100％！important;> <！ - [if（gte mso 9）|（IE）]> <风格> .dynamic_container {width：32.6％！important; border：1px solid #ccc;} .button {padding：10px！important;}< / style> < table width =100％align =centerborder =0> < TR> < TD>百分比抑制率ENDIF] - GT！; < table class =contentalign =centerwidth =100％> < TR> < td class =headerbgcolor =＃c7d8a7style =padding：40px 30px 20px 30px;> < table width =100align =leftborder =0cellpadding =0cellspacing =0> < TR> < td height =70style =padding：0px 20px 20px 0px;> < img src =assets / images / i4cfinancial_Logo.pngborder =0alt =style =height：auto; /> < / TD> < / TR> < /表> < / TD> < / TR> < TR> < td class =innerpadding borderbottomstyle =border-bottom：1px solid＃f2eeed;> < table class =dynamic_containerwidth =100％align =leftborder =0style =margin-bottom：5px;> < TR> < TD> < table width =100％border =0> < TR> < td colspan =2class =comment_textstyle =color：＃153643; font-family：sans-serif; font-size：13px; line-height：22px; padding：10px 10px 10px 10px;> ;最近几周价格走势强劲。最近几个交易日上涨趋势强劲。有迹象表明，该工具是短期超买。上个交易日收盘上涨。 < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;> Power Grid / Tradability< ; / TD> < / TR> < tr class =grid> < td style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / grid_20180304_001.pngstyle =height：auto; /< /< img src =OUTBOUND_EMAILS / US / tgrid_20180304_001.pngstyle =height：auto; /> < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;>近期价格行动< TD> < / TR> < tr class =grid> < td colspan =2style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / sprk_20180304_001.pngstyle =height：auto;> < / TD> < / TR> < TR> < td style =padding：20px 0px 0px 0px;> < table class =buttonwrapperwidth =100％align =centerborder =0cellspacing =10cellpadding =50valign =middle> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>了解更多。 ..< / A> < / TD> < / TR> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>猜猜获胜...< / A> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < table class =dynamic_containerwidth =100％align =leftborder =0style =margin-bottom：5px;> < TR> < TD> < table width =100％border =0> < TR> < td colspan =2class =comment_textstyle =color：＃153643; font-family：sans-serif; font-size：13px; line-height：22px; padding：10px 10px 10px 10px;> ;最近几周价格走势强劲。最近几个交易日上涨趋势强劲。有迹象表明，该工具是短期超买。上个交易日收盘上涨。 < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;> Power Grid / Tradability< ; / TD> < / TR> < tr class =grid> < td style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / grid_20180304_001.pngstyle =height：auto; /< /< img src =OUTBOUND_EMAILS / US / tgrid_20180304_001.pngstyle =height：auto; /> < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;>近期价格行动< TD> < / TR> < tr class =grid> < td colspan =2style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / sprk_20180304_001.pngstyle =height：auto;> < / TD> < / TR> < TR> < td style =padding：20px 0px 0px 0px;> < table class =buttonwrapperwidth =100％align =centerborder =0cellspacing =10cellpadding =50valign =middle> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>了解更多。 ..< / A> < / TD> < / TR> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>猜猜获胜...< / A> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < table class =dynamic_containerwidth =100％align =leftborder =0style =margin-bottom：5px;> < TR> < TD> < table width =100％border =0> < TR> < td colspan =2class =comment_textstyle =color：＃153643; font-family：sans-serif; font-size：13px; line-height：22px; padding：10px 10px 10px 10px;> ;最近几周价格走势强劲。最近几个交易日上涨趋势强劲。有迹象表明，该工具是短期超买。上个交易日收盘上涨。 < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;> Power Grid / Tradability< ; / TD> < / TR> < tr class =grid> < td style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / grid_20180304_001.pngstyle =height：auto; /< /< img src =OUTBOUND_EMAILS / US / tgrid_20180304_001.pngstyle =height：auto; /> < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;>近期价格行动< TD> < / TR> < tr class =grid> < td colspan =2style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / sprk_20180304_001.pngstyle =height：auto;> < / TD> < / TR> < TR> < td style =padding：20px 0px 0px 0px;> < table class =buttonwrapperwidth =100％align =centerborder =0cellspacing =10cellpadding =50valign =middle> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>了解更多。 ..< / A> < / TD> < / TR> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>猜猜获胜...< / A> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < table class =dynamic_containerwidth =100％align =leftborder =0style =margin-bottom：5px;> < TR> < TD> < table width =100％border =0> < TR> < td colspan =2class =comment_textstyle =color：＃153643; font-family：sans-serif; font-size：13px; line-height：22px; padding：10px 10px 10px 10px;> ;最近几周价格走势强劲。最近几个交易日上涨趋势强劲。有迹象表明，该工具是短期超买。上个交易日收盘上涨。 < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;> Power Grid / Tradability< ; / TD> < / TR> < tr class =grid> < td style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / grid_20180304_001.pngstyle =height：auto; /< /< img src =OUTBOUND_EMAILS / US / tgrid_20180304_001.pngstyle =height：auto; /> < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;>近期价格行动< TD> < / TR> < tr class =grid> < td colspan =2style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / sprk_20180304_001.pngstyle =height：auto;> < / TD> < / TR> < TR> < td style =padding：20px 0px 0px 0px;> < table class =buttonwrapperwidth =100％align =centerborder =0cellspacing =10cellpadding =50valign =middle> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>了解更多。 ..< / A> < / TD> < / TR> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>猜猜获胜...< / A> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < table class =dynamic_containerwidth =100％align =leftborder =0style =margin-bottom：5px;> < TR> < TD> < table width =100％border =0> < TR> < td colspan =2class =comment_textstyle =color：＃153643; font-family：sans-serif; font-size：13px; line-height：22px; padding：10px 10px 10px 10px;> ;最近几周价格走势强劲。最近几个交易日上涨趋势强劲。有迹象表明，该工具是短期超买。上个交易日收盘上涨。 < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;> Power Grid / Tradability< ; / TD> < / TR> < tr class =grid> < td style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / grid_20180304_001.pngstyle =height：auto; /< /< img src =OUTBOUND_EMAILS / US / tgrid_20180304_001.pngstyle =height：auto; /> < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;>近期价格行动< TD> < / TR> < tr class =grid> < td colspan =2style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / sprk_20180304_001.pngstyle =height：auto;> < / TD> < / TR> < TR> < td style =padding：20px 0px 0px 0px;> < table class =buttonwrapperwidth =100％align =centerborder =0cellspacing =10cellpadding =50valign =middle> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>了解更多。 ..< / A> < / TD> < / TR> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>猜猜获胜...< / A> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < table class =dynamic_containerwidth =100％align =leftborder =0style =margin-bottom：5px;> < TR> < TD> < table width =100％border =0> < TR> < td colspan =2class =comment_textstyle =color：＃153643; font-family：sans-serif; font-size：13px; line-height：22px; padding：10px 10px 10px 10px;> ;最近几周价格走势强劲。最近几个交易日上涨趋势强劲。有迹象表明，该工具是短期超买。上个交易日收盘上涨。 < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;> Power Grid / Tradability< ; / TD> < / TR> < tr class =grid> < td style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / grid_20180304_001.pngstyle =height：auto; /< /< img src =OUTBOUND_EMAILS / US / tgrid_20180304_001.pngstyle =height：auto; /> < / TD> < / TR> < tr class =grid_headerstyle =color：＃153643; font-family：sans-serif;> < td colspan =2style =font-size：15px; line-height：22px; padding：10px 10px 10px 10px; font-weight：bold; text-align：center;>近期价格行动< TD> < / TR> < tr class =grid> < td colspan =2style =font-size：25px; line-height：22px; padding：0px 10px 0px 10px; font-weight：bold; text-align：center;> < img src =OUTBOUND_EMAILS / US / sprk_20180304_001.pngstyle =height：auto;> < / TD> < / TR> < TR> < td style =padding：20px 0px 0px 0px;> < table class =buttonwrapperwidth =100％align =centerborder =0cellspacing =10cellpadding =50valign =middle> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>了解更多。 ..< / A> < / TD> < / TR> < TR> < td class =buttonwidth =100％style =background-color：＃556401; text-align：center; font-size：18px; font-family：sans-serif; font-weight：bold; padding：0px 30px 0px 30px;> < a width =100％href =＃style =background-color：＃556401; border：0 none; color：#fff; display：block; text-decoration：none;>猜猜获胜...< / A> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < TR> < td class =footerbgcolor =＃44525fstyle =padding：20px 30px 15px 30px;> < table width =100％border =0> < TR> < td align =centerclass =footercopystyle =font-family：sans-serif; font-size：14px; color：#ffffff;>& copy; 2013年的某个地方< br />< a href =＃class =unsubscribestyle =display：block; margin-top：20px; padding：10px 50px; border-radius：5px; text-decoration： none; font-weight：bold;>< font color =＃ffffff>取消订阅< / font>< / a> < / TD> < / TR> < TR> < td align =centerstyle =padding：20px 0 0 0;> < table border =0width =100％> < TR> < td width =50％align =rightstyle =padding：0 10px 0 10px;> < a href =http://www.facebook.com/> < img src =assets / images / fb.pngwidth =37height =37alt =Facebookborder =0/> < / A> < / TD> < td width =50％align =leftstyle =padding：0 10px 0 10px;> < a href =http://www.twitter.com/> < img src =assets / images / twit.pngwidth =37height =37alt =Twitterborder =0/> < / A> < / TD> < / TR> < /表> < / TD> < / TR> < /表> < / TD> < / TR> < /表> <！ - [if（gte mso 9）|（IE）]> < / TD> < / TR> < /表>百分比抑制率ENDIF] - GT！; < / body>< / html>

帮助我（解释一下）？

解决方案
电子邮件模板中的图像可能因各种原因而无法显示。首先要检查的是，电子邮件客户端已启用以显示图像。您可能会在下面引用您的电子邮件客户端来调整您的设置： $ b

希望这有助于...

I have created one html template for email. (using PHP and PHPMailer to send the mail)
It's working fine in below sizes.
Large Screen Display (LG)
Medium or Normal Screen Display and Laptops (MD)
Tablets Screens (SM)
Mobile Devices Screens (XS)
Working in Outlook as well
But it's not working in Samsung Galaxy Note 5.
In other android devices looks like below image,
In Samsung Galaxy Note 5 looks like below,
Images displayed like attached items in Samsung Galaxy Note 5.
Html Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>A Simple Responsive HTML Email</title> <style type="text/css"> .content {max-width: 900px !important;} .dynamic_container{width: 31.33% !important;border:1px solid #ccc;margin:1%;} a{padding: 10px 8px !important;} @media (min-width:651px) and (max-width: 992px){ .content {max-width: 600px !important;} .dynamic_container{width: 47% !important;margin:1.5%;} a{padding: 10px 0 !important;} } @media (min-width:0px) and (max-width: 650px){ .content {max-width: 300px !important;} .dynamic_container{width: 96% !important;border:1px solid #ccc;margin:2%;} } </style> </head> <body bgcolor="#f6f8f1" style="margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; min-width: 100% !important;">  <table class="content" align="center" width="100%"> <tr> <td class="header" bgcolor="#c7d8a7" style="padding: 40px 30px 20px 30px;"> <table width="100" align="left" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="70" style="padding: 0px 20px 20px 0px;"> <img src="assets/images/i4cfinancial_Logo.png" border="0" alt="" style="height: auto;" /> </td> </tr> </table> </td> </tr> <tr> <td class="innerpadding borderbottom" style="border-bottom: 1px solid #f2eeed;"> <table class="dynamic_container" width="100%" align="left" border="0" style="margin-bottom:5px;"> <tr> <td> <table width="100%" border="0"> <tr> <td colspan="2" class="comment_text" style="color: #153643; font-family: sans-serif;font-size: 13px; line-height: 22px;padding: 10px 10px 10px 10px;"> Recent weeks have seen prices trending up strongly. In recent sessions the uptrend has been strong. There are indications that this instrument is short-term overbought. The last session close was an outlier to the upside. </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Power Grid / Tradability </td> </tr> <tr class="grid"> <td style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/grid_20180304_001.png" style="height: auto;" />/<img src="OUTBOUND_EMAILS/US/tgrid_20180304_001.png" style="height: auto;" /> </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Recent Price Action</td> </tr> <tr class="grid"> <td colspan="2" style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/sprk_20180304_001.png" style="height: auto;"> </td> </tr> <tr> <td style="padding: 20px 0px 0px 0px;"> <table class="buttonwrapper" width="100%" align="center" border="0" cellspacing="10" cellpadding="50" valign="middle"> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Learn More...</a> </td> </tr> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Guess to win...</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="dynamic_container" width="100%" align="left" border="0" style="margin-bottom:5px;"> <tr> <td> <table width="100%" border="0"> <tr> <td colspan="2" class="comment_text" style="color: #153643; font-family: sans-serif;font-size: 13px; line-height: 22px;padding: 10px 10px 10px 10px;"> Recent weeks have seen prices trending up strongly. In recent sessions the uptrend has been strong. There are indications that this instrument is short-term overbought. The last session close was an outlier to the upside. </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Power Grid / Tradability </td> </tr> <tr class="grid"> <td style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/grid_20180304_001.png" style="height: auto;" />/<img src="OUTBOUND_EMAILS/US/tgrid_20180304_001.png" style="height: auto;" /> </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Recent Price Action</td> </tr> <tr class="grid"> <td colspan="2" style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/sprk_20180304_001.png" style="height: auto;"> </td> </tr> <tr> <td style="padding: 20px 0px 0px 0px;"> <table class="buttonwrapper" width="100%" align="center" border="0" cellspacing="10" cellpadding="50" valign="middle"> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Learn More...</a> </td> </tr> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Guess to win...</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="dynamic_container" width="100%" align="left" border="0" style="margin-bottom:5px;"> <tr> <td> <table width="100%" border="0"> <tr> <td colspan="2" class="comment_text" style="color: #153643; font-family: sans-serif;font-size: 13px; line-height: 22px;padding: 10px 10px 10px 10px;"> Recent weeks have seen prices trending up strongly. In recent sessions the uptrend has been strong. There are indications that this instrument is short-term overbought. The last session close was an outlier to the upside. </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Power Grid / Tradability </td> </tr> <tr class="grid"> <td style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/grid_20180304_001.png" style="height: auto;" />/<img src="OUTBOUND_EMAILS/US/tgrid_20180304_001.png" style="height: auto;" /> </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Recent Price Action</td> </tr> <tr class="grid"> <td colspan="2" style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/sprk_20180304_001.png" style="height: auto;"> </td> </tr> <tr> <td style="padding: 20px 0px 0px 0px;"> <table class="buttonwrapper" width="100%" align="center" border="0" cellspacing="10" cellpadding="50" valign="middle"> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Learn More...</a> </td> </tr> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Guess to win...</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="dynamic_container" width="100%" align="left" border="0" style="margin-bottom:5px;"> <tr> <td> <table width="100%" border="0"> <tr> <td colspan="2" class="comment_text" style="color: #153643; font-family: sans-serif;font-size: 13px; line-height: 22px;padding: 10px 10px 10px 10px;"> Recent weeks have seen prices trending up strongly. In recent sessions the uptrend has been strong. There are indications that this instrument is short-term overbought. The last session close was an outlier to the upside. </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Power Grid / Tradability </td> </tr> <tr class="grid"> <td style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/grid_20180304_001.png" style="height: auto;" />/<img src="OUTBOUND_EMAILS/US/tgrid_20180304_001.png" style="height: auto;" /> </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Recent Price Action</td> </tr> <tr class="grid"> <td colspan="2" style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/sprk_20180304_001.png" style="height: auto;"> </td> </tr> <tr> <td style="padding: 20px 0px 0px 0px;"> <table class="buttonwrapper" width="100%" align="center" border="0" cellspacing="10" cellpadding="50" valign="middle"> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Learn More...</a> </td> </tr> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Guess to win...</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="dynamic_container" width="100%" align="left" border="0" style="margin-bottom:5px;"> <tr> <td> <table width="100%" border="0"> <tr> <td colspan="2" class="comment_text" style="color: #153643; font-family: sans-serif;font-size: 13px; line-height: 22px;padding: 10px 10px 10px 10px;"> Recent weeks have seen prices trending up strongly. In recent sessions the uptrend has been strong. There are indications that this instrument is short-term overbought. The last session close was an outlier to the upside. </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Power Grid / Tradability </td> </tr> <tr class="grid"> <td style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/grid_20180304_001.png" style="height: auto;" />/<img src="OUTBOUND_EMAILS/US/tgrid_20180304_001.png" style="height: auto;" /> </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Recent Price Action</td> </tr> <tr class="grid"> <td colspan="2" style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/sprk_20180304_001.png" style="height: auto;"> </td> </tr> <tr> <td style="padding: 20px 0px 0px 0px;"> <table class="buttonwrapper" width="100%" align="center" border="0" cellspacing="10" cellpadding="50" valign="middle"> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Learn More...</a> </td> </tr> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Guess to win...</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> <table class="dynamic_container" width="100%" align="left" border="0" style="margin-bottom:5px;"> <tr> <td> <table width="100%" border="0"> <tr> <td colspan="2" class="comment_text" style="color: #153643; font-family: sans-serif;font-size: 13px; line-height: 22px;padding: 10px 10px 10px 10px;"> Recent weeks have seen prices trending up strongly. In recent sessions the uptrend has been strong. There are indications that this instrument is short-term overbought. The last session close was an outlier to the upside. </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Power Grid / Tradability </td> </tr> <tr class="grid"> <td style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/grid_20180304_001.png" style="height: auto;" />/<img src="OUTBOUND_EMAILS/US/tgrid_20180304_001.png" style="height: auto;" /> </td> </tr> <tr class="grid_header" style="color: #153643; font-family: sans-serif;"> <td colspan="2" style="font-size: 15px; line-height: 22px;padding: 10px 10px 10px 10px;font-weight: bold;text-align: center;">Recent Price Action</td> </tr> <tr class="grid"> <td colspan="2" style="font-size: 25px; line-height: 22px;padding: 0px 10px 0px 10px;font-weight: bold;text-align: center;"> <img src="OUTBOUND_EMAILS/US/sprk_20180304_001.png" style="height: auto;"> </td> </tr> <tr> <td style="padding: 20px 0px 0px 0px;"> <table class="buttonwrapper" width="100%" align="center" border="0" cellspacing="10" cellpadding="50" valign="middle"> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Learn More...</a> </td> </tr> <tr> <td class="button" width="100%" style="background-color: #556401;text-align: center; font-size: 18px; font-family: sans-serif; font-weight: bold; padding: 0px 30px 0px 30px;"> <a width="100%" href="#" style="background-color: #556401;border: 0 none;color: #fff;display: block;text-decoration: none;">Guess to win...</a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> <tr> <td class="footer" bgcolor="#44525f" style="padding: 20px 30px 15px 30px;"> <table width="100%" border="0"> <tr> <td align="center" class="footercopy" style="font-family: sans-serif; font-size: 14px; color: #ffffff;">© Someone, somewhere 2013<br/><a href="#" class="unsubscribe" style="display: block; margin-top: 20px; padding: 10px 50px; border-radius: 5px; text-decoration: none; font-weight: bold;"><font color="#ffffff">Unsubscribe</font></a> </td> </tr> <tr> <td align="center" style="padding: 20px 0 0 0;"> <table border="0" width="100%"> <tr> <td width="50%" align="right" style="padding: 0 10px 0 10px;"> <a href="http://www.facebook.com/"> <img src="assets/images/fb.png" width="37" height="37" alt="Facebook" border="0" /> </a> </td> <td width="50%" align="left" style="padding: 0 10px 0 10px;"> <a href="http://www.twitter.com/"> <img src="assets/images/twit.png" width="37" height="37" alt="Twitter" border="0" /> </a> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table>  </body> </html>
Can you please help me (Explain as well) ?
解决方案
The images in an email template might not display for a variety of reasons. The first thing to check is that the email client is enabled to display images. you might refer to your email client below to adjust your settings:
iPhone/iPod/iPad
Gmail
If the settings in your email client are correct and you still can't view images:
Try opening your email in another web browser or unblock images inthe browser.
Sometimes the image is just too large or in a format that the emailclient doesn't support; the most common formats are JPG, PNG and GIF.
Make sure the images are hosted on a public web server. If you need apassword to access the image, they won't display in an email.
In addition to it would be better to have a look at the articles below in order to prevent images from showing in an email template:
Set Up Images for Success in an Email
Missing Images in an Email Campaign
Hope this helps...

这篇关于使用html模板在gmail中无法正确加载图像（在Samsung Galaxy Note 5上）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！