附图显示了585px的桌面电子邮件,其中显示的地址(iOS添加了“智能”地址链接)超出了表格宽度。
任何人都知道为什么会这样?我检查了代码验证(通过),确保嵌套表已正确关闭,并且它的父项已正确关闭,否则无法找到任何异常。这是它证明有问题的唯一系统/客户端。这可能是iPhone显示器的“功能”重新调整内容以适应屏幕(在此实例中为585px),但由于实现了HTML5或特定应用程序功能以帮助进行位置检测,因此内容将从表格单元格中删除吗?
我很难过。 感谢。
代码:
<!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>Title</title>
</head>
<body>##OPENTAG##
<table width="585" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="560" colspan="2" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height:16px; color:#000000;">If you cannot view this message, <a href="##VIEWINBROWSERTAG##2000##ArgDelimiter##eu=##_MS_ORG_ID####ArgDelimiter####ArgDelimiter####ArgDelimiter###vib" target="_blank" style="color:#00425F; text-decoration:underline;">click here</a>.</td>
<td width="25" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" height="10" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="10" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="10" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="585" colspan="3" bgcolor="#85cddb" style="color: #ffffff;"> </td>
</tr>
<tr>
<td width="585" height="16" colspan="3" bgcolor="#ffffff" style="color: #ffffff;"> </td>
</tr>
<tr>
<td width="35" bgcolor="#ffffff"> </td>
<td width="525" bgcolor="#ffffff" style="font-size: 13px; line-height: 16px; font-family: Arial, Helvetica, sans-serif; color: #000000">Body text goes here
</td>
<td width="25" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="585" colspan="3" bgcolor="#ffffff"><table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="35" height="5" bgcolor="#cccccc" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="5" bgcolor="#cccccc" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="5" bgcolor="#cccccc" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" bgcolor="#ffffff"> </td>
<td width="525" bgcolor="#ffffff" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000" valign="middle">Links go here</td>
<td width="25" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" bgcolor="#ffffff"> </td>
<td width="525" align="left" bgcolor="#ffffff"> Social bar insert goes here</td>
<td width="25" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" bgcolor="#ffffff"> </td>
<td width="525" bgcolor="#ffffff" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000"> Please do not reply to this e-mail message. Contact us with your questions and comments about our services:
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="60" height="10" style="font-size: 1px; line-height:1px"> </td>
<td width="465" height="10" style="font-size: 1px; line-height:1px"> </td>
</tr>
<tr>
<td width="60" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold;">U.S. Mail:</td>
<td width="465" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;">Addressee, Inc., P.O. Box 555555, <span style="white-space:nowrap">Anytown, ST 55555-5555</span></td>
</tr>
<tr>
<td width="60" height="3" style="font-size: 1px; line-height:1px"> </td>
<td width="465" height="3" style="font-size: 1px; line-height:1px"> </td>
</tr>
<tr>
<td width="60" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000; font-weight:bold;">Phone:</td>
<td width="465" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 11px; color:#000000;"><span style="white-space:nowrap">1-800-555-5555</span></td>
</tr>
<tr>
<td width="60" height="10" style="font-size: 1px; line-height:1px"> </td>
<td width="465" height="10" style="font-size: 1px; line-height:1px"> </td>
</tr>
</table>
Our company will never ask for personal information, such as Social Security or login information, <span style="white-space:nowrap">in an e-mail.</span></td>
<td width="25" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" bgcolor="#ffffff"> </td>
<td width="525" bgcolor="#ffffff" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#666666;"> <br />
</td>
<td width="25" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
<tr>
<td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
<td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;"> </td>
</tr>
</table>
</body>
</html>
答案 0 :(得分:0)
那款iPhone很聪明!我要解决的问题是使用零宽度实体(例如
)分解地址Addressee, Inc., P.O. Box‌ 555555