html电子邮件中的照片不断切断

Question

html siganture keeps cutting off

我有 0 次 html 经验，但如果代码足够简单，我可以编辑代码。 我的标志/社交媒体图标的顶部一直在切断前景。当我在浏览器或移动设备中打开电子邮件时，它们不会中断。有没有办法编辑代码使其不会被切断？我尝试在顶部添加填充，但它不起作用。请帮忙。

Code

<table width="335" cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;"> <tr> <td style="padding-top: 0; padding-bottom: 0; padding-left: 0px; padding-right: 0;"> <table cellpadding="0" cellspacing="0" border="0" style="background: none; border-width: 0px; border: 0px; margin: 0; padding: 0;"> <tr> <td colspan="2" style="padding-bottom: 2px; color: #515151; font-size: 15px; font-family: Arial, Helvetica, sans-serif;line-height:15px;"> <b>Ryan Milliman </b> </td> </tr> <tr> <td colspan="2" style="padding-bottom: 6px; color: #515151; font-size: 14px; font-family: Arial, Helvetica, sans-serif;line-height:15px;"> <b> <small style="color:#515151;" >Director of Investor Relations</small></b> </td> </tr>  <tr> <td colspan="2" style="color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:6px;line-height:0px;"> <img src="https://res.cloudinary.com/riya1/image/upload/v1563430617/SIN311/border.png" width="333" height="3" alt="" /> </td> </tr>  <tr> <td  valign="top" style="vertical-align: top; color: #384241; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:4px;line-height:15px;"> <b style="color:#9d1924;" >O:</b>&nbsp;&nbsp;<a href="tel:(800) 735- 9973" style=" color: #384241; text-decoration: none; font-weight: normal; font-size: 11px;">(800) 735- 9973</a> </td> <td  valign="top" style="vertical-align: top; color: #384241; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:4px;line-height:15px;"> <b style="color:#9d1924;">M:</b>&nbsp;&nbsp;<a href="tel:(760) 793- 2933" style=" color: #384241; text-decoration: none; font-weight: normal; font-size: 11px;">(760) 793- 2933</a>&nbsp;&nbsp; </td> </tr>  <tr> <td  valign="top" style="vertical-align: top; color: #384241; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:4px;line-height:15px;"> <b style="color:#9d1924;" >W:</b>&nbsp;&nbsp;<a href="http://www.primior.com" style=" color: #384241; text-decoration: none; font-weight: normal; font-size: 11px;">www.primior.com</a> </td> <td  valign="top" style="vertical-align: top; color: #384241; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:4px;line-height:15px;"> <b style="color:#9d1924;">E:</b>&nbsp;&nbsp;<a href="mailto:ryan.milliman@primior.com" style=" color: #384241; text-decoration: none; font-weight: normal; font-size: 11px;">ryan.milliman@primior.com</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </td> </tr>  <tr> <td colspan="2" style="color: #384241; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:6px;"> <b style="color:#9d1924;">A:</b>&nbsp;&nbsp;<a href="https://goo.gl/maps/PpK3QXkHhoTpySej9" style="text-decoration:none;color:#384241;" >750 N Diamond Bar Blvd, Ste 188, Diamond Bar,CA 91765</a> </td> </tr>  <tr> <td colspan="2" style="color: #333333; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:6px;line-height:0px;"> <img src="https://res.cloudinary.com/riya1/image/upload/v1563430617/SIN311/border.png" width="333" height="3" alt="" /> </td> </tr>   <tr> <td  valign="top" style="vertical-align: top; color: #384241; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:7px; padding-top:7px;line-height:15px;"> <a href="http://www.primior.com"> <img src="https://res.cloudinary.com/riya1/image/upload/v1563430617/SIN311/logo.png" width="155" height="20" alt="" /> </a> </td> <td  valign="top" style="vertical-align: top; color: #384241; font-size: 11px; font-family: Arial, Helvetica, sans-serif;padding-bottom:7px;padding-top:7px;line-height:15px;text-align:right;">   <a href="https://www.facebook.com/PrimiorGroup/" style="border-width:0px; border:0px; text-decoration: none;color: #464444;"><img width="20" height="20" style="border: none; width: 20px; max-width: 20px !important; height: 20px; max-height: 20px !important;vertical-align:middle;" src="https://res.cloudinary.com/riya1/image/upload/v1563430617/SIN311/fb.png"></a> &nbsp; <a href="https://twitter.com/Primior_Inc" style="border-width:0px; border:0px; text-decoration: none;color: #464444;"><img width="20" height="20" style="border: none; width: 20px; max-width: 20px !important; height: 20px; max-height: 20px !important;vertical-align:middle;" src="https://res.cloudinary.com/riya1/image/upload/v1563430617/SIN311/tw.png"></a> &nbsp; <a href="https://www.instagram.com/primior_inc/" style="border-width:0px; border:0px; text-decoration: none;color: #464444;"><img width="20" height="20" style="border: none; width: 20px; max-width: 20px !important; height: 20px; max-height: 20px !important;vertical-align:middle;" src="https://res.cloudinary.com/riya1/image/upload/v1563430617/SIN311/lin.png"></a> &nbsp; <a href="https://www.linkedin.com/company/primior-inc./ " style="border-width:0px; border:0px; text-decoration: none;color: #464444;"><img width="20" height="20" style="border: none; width: 20px; max-width: 20px !important; height: 20px; max-height: 20px !important;vertical-align:middle;" src="https://res.cloudinary.com/riya1/image/upload/v1563430617/SIN311/ins.png"></a>   </td> </tr>   </table> </td> </tr>  </table>  

Answer 1

Outlook 有时会忽略元素的宽度/高度。 尝试在图像所在的 td 中添加宽度和高度。