我正在通过事件监视器进行电子邮件事件，由于某种原因，当通过 outlook 版本打开时，底部有一排又一排的问号。不会发生在我的电脑上，但会发生在我的 friend 身上。图片如下，当前代码也是
Ôªø<!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=iso-8859-1" />
<title>Casewise Newletter Template</title>
<style type="text/css">
a { color:#d13b35; text-decoration:none; }
table { font-family:Arial, Helvetica, sans-serif; }
img { border:none; }
img.right { border:none; margin:0 0 10px 10px; }
table.nav img { display:block; }
p.smallprint { text-align:center; color:#666666; font-size:11px; }
p.smallprint span { color:#d13b35; }
p.smallprint a { color:#d13b35; text-decoration:none; }
td.date { font-size:20px; color:#999999; text-align:right; text-transform:uppercase; }
td.date span { color:#CCCCCC; }
td.date em { color:#004489; font-style:normal; }
td.headlineText { font-size:18px; color:#FFFFFF; }
table.story h2 { margin:0 0 0 0; font-size:20px; font-weight:normal; color:#004489; }
table.story p { font-size:12px; color:#333333; }
table.story p a { color:#a80000; text-decoration:none; }
table.story p a:hover { text-decoration:underlined; }
td.footerPanel h2 { font-weight:normal; font-size:18px; margin:0; color:#FFFFFF; }
td.footerPanel p { font-size:12px; margin:10px 0 10px 0; color:#CCCCCC; }
</style>
</head>
<body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" bgcolor="#ebebeb">
<table width="100%" border="0" cellspacing="0" cellpadding="0" bgcolor="#ebebeb">
<tr>
<td>
<table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td height="46">
<p class="smallprint">Don't miss our emails, add <span>cwmarketing@casewise.com</span> to your address book.<br>
<forwardtoafriend>Forward to a Friend</forwardtoafriend>. Email look funny? <webversion>Click here</webversion> to launch in a browser</p></td>
</tr>
<td><img src="/images/content-top.png" width="600" height="19" alt="" style="display:block;" /></td>
<tr>
</tr><tr>
<td>
<table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#FFFFFF">
<tr>
<td width="20"><img src="/images/spacer.png" width="20" height="1" /></td>
<td width="560" class="content">
<repeater>
<layout label='Main Feature'>
<table width="560" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img editable="true" src="/images/header-image.png" width="560" label='Hero Image' /></td>
</tr>
<tr>
<td valign="top">
</td>
</tr>
<tr>
<td><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</table>
</layout>
<layout label='Story Image Right'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td width="390" valign="top">
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
<td><img src="/images/spacer.png" width="20" height="1" /></td>
<td valign="top"><img editable="true" src="/images/item-image.png" width="150" label='Story Image' /></td>
</tr>
<tr>
<td><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</table>
</layout>
<layout label='Story Image Left'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td valign="top"><img editable="true" src="/images/item-image.png" width="150" label='Story Image' /></td>
<td><img src="/images/spacer.png" width="20" height="1" /></td>
<td width="390" valign="top">
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
</tr>
<tr>
<td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</table>
</layout>
<layout label='Content with Large Image Right'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td width="560" valign="top">
<img editable="true" src="/images/item-image.png" width="350" label='Story Image' align="right" class="right" />
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
</tr>
<tr>
<td><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</table>
</layout>
<layout label='Story No Image'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td width="390" valign="top">
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
</tr>
</table>
</layout>
<layout label='Two Columns No Image'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td width="270" valign="top">
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
<td width="20" valign="top"><img src="/images/spacer.png" width="20" height="1" /></td>
<td width="270" valign="top">
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
</tr>
<tr>
<td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</table>
</layout>
<layout label='Two Columns Image'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td width="270" valign="top">
<img editable="true" src="/images/two-col-image.png" width="270" label='Story Image' />
</td>
<td width="20" valign="top"><img src="/images/spacer.png" width="20" height="1" /></td>
<td width="270" valign="top">
<img editable="true" src="/images/two-col-image.png" width="270" label='Story Image' />
</td>
</tr>
<tr>
<td colspan="3"><img src="/images/spacer.png" width="1" height="10" /></td>
</tr>
<tr>
<td width="270" valign="top">
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
<td width="20" valign="top"><img src="/images/spacer.png" width="20" height="1" /></td>
<td width="270" valign="top">
<h2><singleline label='Story Headline'>Story Headline here...</singleline></h2>
<multiline label='Story Text'>Story Text here...</multiline>
</td>
</tr>
<tr>
<td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</table>
</layout>
<layout label='Banner Advert 560x100'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td width="560" valign="top">
<img editable="true" src="/images/banner-image.png" width="560" label='Banner Advert' />
</td>
</tr>
<tr>
<td><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</table>
</layout>
<layout label='Register Buttons'>
<table width="560" border="0" cellspacing="0" cellpadding="0" class="story">
<tr>
<td width="270" valign="top">
<img editable="true" src="/images/webinar-reg-now.png" width="270" label='Register Now' alt="Register Now!" />
</td>
<td width="20"><img editable="true" src="/images/spacer.png" width="20" /></td>
<td width="270">
<forwardtoafriend><img src="/images/web-raf.png" width="270" label='Forward to a friend' alt="Forward to a friend" /></forwardtoafriend>
</td>
</tr>
<td width="270">
<tr>
<td colspan="3"><img src="/images/spacer.png" width="1" height="20" /></td>
</tr>
</td></table>
</layout>
<layout label='Social Buttons'>
<div id="ÔøΩfooterÔøΩ" align="middle">
<blog><a href="http://blog.casewise.com/" target="_blank"><img src="/images/blog.png" width="25" height="25" alt="Blog" /></a></blog>
<twitter><a href=" https://twitter.com/Casewise" target="_blank"><img src="/images/twitter.png" width="25" height="25" alt="Twitter" /></a></twitter>
<linkedin><a href="https://www.linkedin.com/company/casewise" target="_blank"><img src="/images/linkedin.png" width="25" height="25" alt="LinkedIn" /></a></linkedin>
<youtube><a href="http://www.youtube.com/user/CasewiseLimited?blend=1&ob=5" target="_blank"><img src="/images/youtube.png" width="25" height="25" alt="YouTube" /></a></youtube>
</div>
<div id="ÔøΩWebsiteÔøΩ" align="middle">
<website><a href="http://www.casewise.com" target="_blank"><img editable="true" src="/images/website.png" width="560" alt="Website" /></a></website>
</div>
</layout>
</repeater>
</td><td width="20"><img src="/images/spacer.png" width="20" height="1" /></td>
</tr>
</table>
</td></tr>
<td><img src="/images/content-bottom.png" width="600" height="19" alt="" style="display:block;" /></td>
<tr>
<td>
<p class="smallprint">You have received this email because <span>[email]</span> is registered with us.<br>
If you would no longer like to receive future emails of this nature from Casewise, please opt-out by <unsubscribe>clicking here</unsubscribe></p>
</td>
</tr>
</table>
</td></tr></table>
</body>
</html>
最佳答案
您是否使用 mysql 来提取数据？如果是这样，php和mysql的字符编码冲突。尝试使用 utf-8
关于css - 为什么用outlook打开我的邮件末尾有问号，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/25164497/