响应Htm电子邮件模板 [英] Responsive Htm Email Template
问题描述
我编码 html电子邮件,应该足够好,以完美地呈现在所有手机
,我是编码电子邮件桌面等专家,这个电子邮件呈现完美的所有电子邮件客户端和浏览器,但我必须使它完美的手机,我的代码结构如下
i am coding html email that should be good enough to render perfectly in all mobiles
, i am expert in coding emails for desktop etc and this email renders perfectly in all email clients and browsers , but i have to make it perfect for mobiles , my code structure is as follows
<table>
<tr>
<td width="200"> <table>complete left table </table></td>
<td width="200"> <table>complete middle table </table></td>
<td width="200"> <table>complete right table </table></td>
</tr>
</table>
为了使它适合手机我知道我会需要媒体查询,知道使用它
,有人可以指教我相关的教程,可以帮助我做我的具体情况
请看附图,左边是桌面。 right is for Mobiles
To make it good for mobiles i know i will need media queries but dont know to use it
, can someone refer me related tutorial that may help me to do my specific case
please see attached image , left is for desktops .right is for Mobiles
推荐答案
更新:此答案有一个包含响应式设计链接的大型电子邮件列表
以下是一些响应式设计的资源:
Here are some resources on responsive design:
- Litmus responsive how to guide (scroll to bottom)
- Campaign Monitor responsive guide
这里是一个很好的模板让你开始:
And here is a good template to get you started:
- Email on Acid's Responsive template
这篇关于响应Htm电子邮件模板的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!