0
我准备签名的Outlook应用和万物适用于Web客户端如Gmail和也应用前景良好。 但问题是当我在iOS和Android上测试签名时。奇怪的空间之间<tr>只有在iOS和Android
这是代码片段展示我的概念。
<!DOCTYPE html>
<html>
<head>
<meta media="screen" type="text/css">
</head>
<style>
tr{padding:0px !Important; margin:0px !important;}
</style>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="min-width: 100%; font-family:'Calibri light', sans-serif;">
<table width="350" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="139"><span style="font-size: 11pt; display: inline; white-space: nowrap; color: #000; text-align:left;">Test</span><br />
<br />
<span style="font-size: 13pt; display: inline; white-space: nowrap; color: #3580C2; text-align:left;">Test2</span><br />
<span style="font-size: 11pt; display: inline; white-space: nowrap; color: #000; text-align:left;">Test3</span><br /></td>
<td width="211"> </td>
</tr>
<tr>
<td><img src="test.png" width="139" height="209" alt="zdjecie" style="vertical-align: middle; display: block;" /></td>
<td align="left" valign="top"><table cellpadding="0" cellspacing="0" style="margin-left: 10px; border-collapse: collapse;" >
<tbody>
<tr>
<td><div>
<table style="margin-left: 15px; border-collapse: collapse;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td><img alt="phone" src="/image006.png" height="18" width="19" style="display: block;" /></td>
<td> 000 000 000 </td>
</tr>
<tr>
<td><img alt="fax" src="/image008.png" height="18" width="19" style="display: block;" /></td>
<td> 000 000 000 </td>
</tr>
<tr>
<td><img alt="cell" src="/image010.png" height="18" width="19" style="display: block;" /></td>
<td> 000 000 000 </td>
</tr>
<tr>
<td><img alt="mail" src="/image012.png" height="18" width="19" style="display: block;" /></td>
<td> [email protected] </td>
</tr>
</tbody>
</table>
</div></td>
</tr>
<tr>
<td style="padding-left:15px; padding-top: 0px; padding-right:0px; padding-bottom:0px;"><br />
<br />
<span style="display: inline; font-size: 11pt;"><b>Company name</b></span><br />
<span style="display: inline; font-size: 11pt;">address</span><br />
<span style="display: inline; font-size: 11pt;">00000000000</span><br />
<a style="color:black; text-decoration:none; display: block;" href="http://www.web.com"> <span style="display: inline; font-size: 11pt;"><b>www.web.com</b></span></a></td>
</tr>
</tbody>
</table></td>
</tr>
</table>
<table style="margin-left: 10px; font-size: 8pt; width: 760px; border-collapse: collapse;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<br>
<img src="/image013.png" style="width: 274px; height: 35px; display: block;" />
</td>
</tr>
<tr>
<td style="padding-left:0px; padding-top: 10px; padding-right:0px; padding-bottom:0px;">
<p> test test test test test test test test test test test test test test test test test test test test test test test test test test test</p>
<p> test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test.</p>
<p> test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test</p>
</td>
</tr>
</tbody>
</table>
</body>
</html>这表明在iOS
问题
可惜不是所有的“默认”值是所有浏览器中一样的...规范化CSS可能底地从哪里开始：https://necolas.github.io/normalize.css/ - 编辑：哦，这是关于邮件模板...那么它可以帮助无论哪种方式... –
这也可能是有益的https://templates.mailchimp.com/development/css/reset-styles/ –