Question

我有电子邮件的HTML模板格式，用于从C＃桌面应用程序发送电子邮件。现在我正在尝试低于媒体查询，但它无法正常工作

<html> <style> @viewport {width: device-width;}@media screen and (min-width: 200px) and (max-width: 800px) { #navigateTop {background-color:orange;}  }@media screen and (min-width: 1024px) and (max-width: 2800px) { #navigateTop {background-color:#9A0018;}  } </style>
<table width='2600' border = 0 cellspacing = 0 cellpadding = 0><tr><td colspan = 5>
<table id = 'navigateTop' width = '100%' border = 0 cellspacing = 0 cellpadding = 10 style = 'color: white; font: 20px Segoe UI;' >
	<tr>
		<td>Company Name<span style = 'font: 12px Segoe UI;'>(From Dec 2017)</span></td>
		<td rowspan = 3 style = 'font: 40px Segoe UI Light;'>Update</td>
		<td rowspan = 3><img width = 120 style = 'width:1.25in' src = 'somelink.png'></td>
	</tr>
	<tr>
		<td>$0</td>
	</tr>
</table></td></tr>
</table>

</html>

如果我在发送邮件之前复制生成的HTML并在浏览器中以.html页面运行，那么就能看到媒体查询效果。但在Outlook中效果不起作用。关于如何在C＃中插入媒体查询的任何想法？

Answer 1

根据Campaign Monitor，Outlook 2007-2016不支持媒体查询。

他们还有一个helpful tool来显示哪些客户支持哪些媒体查询

Answer 2

Outlook不支持响应模板。 https://emailmonks.com/blog/email-coding/email-rendering-issues-in-outlook-and-hacks/

C＃使用媒体查询发送响应式HTML邮件

2 个答案: