iPhone文本地址不內部表包裹

Screenshot from PVIQ.com of iPhone preview iPhone文本地址不內部表包裹

所附圖像示出了所顯示的地址（由iOS的添加的「智能」地址鏈接）延伸經過所述表寬度的585px表電子郵件。

任何人都知道爲什麼會發生這種情況？我檢查了代碼驗證（通過），確保嵌套表正確關閉，並且它的父母已正確關閉，否則可能找不到任何異常。這是它證明存在問題的唯一系統/客戶端。這可能是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;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" height="10" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="10" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="10" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 

    <tr> 
     <td width="585" colspan="3" bgcolor="#85cddb" style="color: #ffffff;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="585" height="16" colspan="3" bgcolor="#ffffff" style="color: #ffffff;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" bgcolor="#ffffff">&nbsp;</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;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</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;">&nbsp;</td> 
     <td width="525" height="5" bgcolor="#cccccc" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="5" bgcolor="#cccccc" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" bgcolor="#ffffff">&nbsp;</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;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" bgcolor="#ffffff">&nbsp;</td> 
     <td width="525" align="left" bgcolor="#ffffff">&nbsp; Social bar insert goes here</td> 
     <td width="25" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" bgcolor="#ffffff">&nbsp;</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&nbsp;services: 
      <table border="0" cellspacing="0" cellpadding="0"> 
       <tr> 
        <td width="60" height="10" style="font-size: 1px; line-height:1px">&nbsp;</td> 
        <td width="465" height="10" style="font-size: 1px; line-height:1px">&nbsp;</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">&nbsp;</td> 
        <td width="465" height="3" style="font-size: 1px; line-height:1px">&nbsp;</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">&nbsp;</td> 
        <td width="465" height="10" style="font-size: 1px; line-height:1px">&nbsp;</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;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="10" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
</table></td> 
    </tr> 
    <tr> 
     <td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" bgcolor="#ffffff">&nbsp;</td> 
     <td width="525" bgcolor="#ffffff" valign="top" style="font-family: Arial, Helvetica, sans-serif; font-size: 9px; color:#666666;">&nbsp;<br /> 
      </td> 

     <td width="25" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
    <tr> 
     <td width="35" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="525" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
     <td width="25" height="15" bgcolor="#ffffff" style="font-size:5px; line-height:5px;">&nbsp;</td> 
    </tr> 
</table> 
</body> 
</html>

來源

2013-07-19 artcase

你能分享你的代碼嗎？ – samanthasquared

這是iPhone聰明！我所要解決的問題是用零寬度實體分割地址，例如‌

Addressee, Inc., P.O. Box&zwnj; 555555

來源

2013-09-30 21:25:15

iPhone文本地址不內部表包裹

回答

相關問題