Question

我有一个自动化系统，可以生成一份工作人员安排＆＃39; （基本上是当天要完成的工作清单），早上作为HTML电子邮件发送给员工。

它在PC上呈现得很好但在iPhone电子邮件客户端（在带有IOS 8.0.2的iPhone 5S上测试，表格下方的文本元素渲染/重叠表格，但这仅在单词完全填充单元格时发生在这个例子中的表中（＆＃34; Longerword＆＃34;）。

看看StackOverflow导致我到目前为止添加以下标签无济于事：

<meta name="viewport" content="width=device-width; initial-scale=1.0;">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
...
<body style="-webkit-text-size-adjust:none; -ms-text-size-adjust:none;">

此处提供了显示问题的图片：http://i58.tinypic.com/2lapobk.jpg

完整的HTML（正确验证）是：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
 <title>Daily Schedule for 09-10-2014 (#10)</title>
 <meta name="viewport" content="width=device-width; initial-scale=1.0;">
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body style="-webkit-text-size-adjust:none; -ms-text-size-adjust:none;">
<h1>Daily Schedule for 09-10-2014 (#10)</h1>
<p><b><i>Sent by ollie</i></b></p>
<hr>
<h2>Lorem</h2>
<table border="1" cellspacing="1" cellpadding="1">
<tr>
  <th></th>
  <th>User1</th>
  <th>User2</th>
  <th>User3</th>
  <th>User4</th>
  <th>User5</th>
</tr>
<tr>
 <td>
  08:00
 </td>
 <td>
  <b>Lorem</b>
   (Ipsum)<br>
 </td>
 <td>
  <b>Lorem Longerword</b>
  <br>
 </td>
 <td>
  <b>Lorem &amp; Ipsum dolor</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  08:15
 </td>
 <td>
  <b>Lorem (Ipsum dolor)</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  08:30
 </td>
 <td>
  <b>Lorem</b>
   (Ipsum dolor sit)<br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem &amp; Ipsum</b>
  <br>
 </td>
 <td>
  <b>Lorem Ipsum Dolor</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  08:45
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  09:00
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b><sup>1</sup>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem (Lorem)</b>
  <br>
 </td>
 <td>
  <b>Lorem L</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  09:15
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem &amp; Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  09:30
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem (Lorem)</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  09:45
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  10:00
 </td>
 <td>
 </td>
 <td>
  <b>Lorem Lorem</b>
  <br>
 </td>
 <td>
 </td>
 <td>
  <b>Lorem Lorem</b>
  <br>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  10:15
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
</tr>
<tr>
 <td>
  10:30
 </td>
 <td>
 </td>
 <td>
  <b>Lorem</b>
  <br>
 </td>
 <td>
 </td>
 <td>
 </td>
 <td>
 </td>
</tr>
</table>
<h3>Lorem</h3>
<p>1 (Lorem): Lorem ipsum dolor sit amet<br></p>
<hr>
<h2>Lorem</h2>
<p>Lorem ipsum dolor sit amet:</p>
<ul>
<li>Lorum ipsum dolor</li>
<li>Lorum ipsum dolor sit</li>
</ul>
<hr>
<h2>Lorem Ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do:</p>
<ul>
<li>Lorem ipsum</li>
</ul>
<hr>
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing:</p>
<ul>
<li>Lorem (Lorem ipsum)</li>
</ul>
</body>
</html>

有人可以建议我可以尝试在iPhone上正确渲染此电子邮件吗？

当表格单元格空间受限时，文本会重叠iPhone Mail应用程序上的HTML电子邮件中的表格

0 个答案: