Outlook 2013中的HTML電子郵件寬度問題
[英]HTML email width issue in Outlook 2013
問題描述
我在為Outlook 2013設計HTML電子郵件時遇到很多麻煩。在所有其他電子郵件客戶端中，表格正確顯示（甚至是Outlook Web App），表格和圖像的寬度正確。 但是在Outlook 2013中，包括圖像在內的整個表格都被壓縮了。
在下面，我發布了代碼的第一部分。 因此，我已經用電子郵件內容包裝了實際的表格，將所有CSS內聯並聲明了寬度，沒有'px'。 我不知道還有什么可以嘗試的。
<!doctype html>
<head>
<meta charset="UTF-8">
<title>HTML Email</title>
</head>
<body bgcolor="#eeeeee" style="font-family: Arial, sans-serif; font-size: 13px; line-height: 20px;">
<table cellpadding="0" cellspacing="0" border="0" align="center"><tr><td width="100%">
<table border="0" cellpadding="0" cellspacing="0" style="background-color: #ffffff; border-collapse:collapse; mso-table-lspace:0; mso-table-rspace:0; border:0 none; border-radius:0;">
<tr>
<td width="596" colspan="2" align="center" valign="middle" style="font-family: Arial, sans-serif; font-size: 11px; color: #000000; padding: 5px;">Click here if this email isn't displayed properly.</td>
</tr>
<tr>
<td width="50%" align="left "><img src="logo.png" width="150" height="48" /></a></td>
<td width="50%" align="right"><img src="personen.png" width="70" height="70" /> <img src="bord.png" width="70" height="70" /> <img src="brood.png" width="70" height="70" /></td>
</tr>
<tr>
<td width="596" colspan="2"><img src="visual.png" height="235" width="596" /></td>
</tr>
<tr>
<td width="596" colspan="2" style="padding: 20px;">
1 個解決方案
解決方案1
0 2015-03-10 09:36:00
Outlook使用Word作為電子郵件編輯器。 您可以在MSDN的以下系列文章中閱讀有關受支持和不受支持的HTML元素，屬性以及級聯樣式表屬性的信息：
具有Outlook 2013的HTML電子郵件-左邊框和TD對齊問題
[英]HTML email with Outlook 2013 - border-left and td alignment issue
HTML Outlook 2013電子郵件超過面板寬度的100％寬度width =“ 100％”設置
[英]HTML Outlook 2013 email exceeding 100% width of panel width width=“100%” set
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.