我正在尝试制作个性化的电子邮件签名，它在Gmail中运行良好，但是负责响应性的样式已从iPhone和Mac上的iCloud（包括iPhone上的邮件应用程序）中删除。
我正在通过在Chrome中进入iCloud并查看测试电子邮件来进行检查，这不仅缺少样式标签，而且还缺少父级。
<!DOCTYPE html PUBLIC>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<base target="_blank">
<title>Email Signature</title>
<style type="text/css">
@media screen and (min-width: 433px){
.content{width: 432px !important;}
}
@media screen and (max-width:480px){
.footer{width:100% !important;}
.links{margin-top: 0 !important;}
.mobile-table{width: 100% !important;}
.mobile-table td:first-child{width:50vw !important;}
.mobile-table td+td{padding-left:20px;}
.contact{width:100% !important;}
}
</style>
</head>
<body yahoo bgcolor="#ffffff">
<div style="padding-top:8px;width: 432px;max-width: 432px;">
<!--[if (gte mso 9)|(IE)]>
<table width="432" align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table class="content" align="left" border="0" width="432">
<tbody><tr>
<td>
<table class="mobile-table" width="432" align="left" border="0" height="134">
<tbody><tr>
<td height=134 style="vertical-align: top;">
<div style="width:116px;height:116px;margin-right:29px;">
<img alt="person" width="116" height="116" border="0" src="" style="moz-border-radius:15%;khtml-border-radius:15%;o-border-radius:15%;webkit-border-radius:15%;ms-border-radius:15%;border-radius:15%;">
</div>
</td>
<td style="vertical-align: top;width:264px;padding: 0;">
<table class="contact" align="left">
<tbody><tr>
<td>
<div style="padding-bottom: 8px;">
<p style="font-size:17px;line-height: 20px;margin-top:0;font-family: helvetica neue;font-weight: bold;color:#132850;text-align: left;margin-bottom: 0;">John Smith</p>
<p style="font-size:17px;line-height: 20px;font-family: helvetica neue;font-weight: normal;color:#132850;text-align: left;margin: 0;">Marketing</p>
</div>
<div style="float: left; font-family: Helvetica Neue; font-size: 12px; color: #132850; width: 97px; height: 75px; padding: 3px; vertical-align: top;margin-right:30px;">
<span style="font-family: Georgia;font-size:8px;line-height: 14px;font-style: italic;color:#132850;">Office</span><br><span>0000000</span><br><span style="font-family: Georgia;font-size:8px;line-height: 14px;font-style: italic;color:#132850;">Fax</span><br><span>0000000</span>
</div>
</td>
</tr>
</tbody></table>
<!--[if (gte mso 9)|(IE)]>
<table width="425" align="left" cellpadding="0" cellspacing="0" border="0">
<tr>
<td>
<![endif]-->
<table align="left" border="0" cellpadding="0" cellspacing="0" style="width: 100%; max-width: 121px;">
<tbody><tr>
<td>
<table class="links" width="100%" border="0" cellspacing="0" cellpadding="0" style="margin-top: 66px;">
<tbody><tr>
<td style="padding: 0 0 0 3px;line-height: 14px;margin-top:16px;font-family: Georgia;font-family: Helvetica Neue; font-size: 12px; color: #132850;">
site.com
</td>
</tr>
<tr>
<td style="padding: 12px 0 0 0;">
<img src="" style="width:15px;margin-right:5px;">
<img src="" style="width:15px;margin-right:5px;">
<img src="" style="width:15px;margin-right:5px;">
<img src="" style="width:15px;margin-right:5px;">
<img src="" style="width:15px">
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</tbody></table>
<table class="footer" width="432">
<tbody><tr>
<td>
<div style="width:432px;">
<div style="border-top: 1px solid #132850;border-bottom: 1px solid #132850;text-align: center;width: 419px;padding: 12px 0;margin:0 auto;">
<img src="" style="max-width: 419px;">
</div>
<div style="font-family: Helvetica Neue;color: #132850;font-size: 12px;margin:0 auto;line-height: 12px;font-style: normal;text-align: center;padding-top: 12px;">
adress
</div>
</div>
</td>
</tr>
</tbody></table>
</td>
</tr>
</tbody></table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</div>
</body>
</html>
我想知道如何让“链接”表出现在“联系人”表下，就像对其他邮件客户端一样。
谢谢。