我正在尝试制作一个可以在所有电子邮件客户端上使用的 HTML CSS 电子邮件模板。我设法弄了一个简单的。该模板将在 Gmail、Hotmail 上正确显示,但在 Outlook 中一切都未对齐。我知道 Outlook 使用 Words 来呈现模板。我如何编码来解决它。我也想让它响应式。我不知道从哪里开始调试。我对为电子邮件客户端编写响应式电子邮件模板非常陌生。我尝试内联我的 CSS,但它不起作用。我尝试过使用石蕊来发送电子邮件,但效果不佳。我已将我的代码放在 JSFiddle 中,请大师们帮忙。我真的需要一些帮助。
代码
https://jsfiddle.net/hansheung/yjk309e4/2/
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style type="text/css">
body {
Margin: 0!important;
padding: 15px;
background-color: #FFF;
}
.wrapper {
width: 100%;
table-layout: fixed;
}
table {
border-spacing: 0;
font-family: sans-serif;
color: #727f80;
}
.outer-table {
width: 100%;
max-width: 670px;
margin: 0 auto;
background-color: #FFF;
}
td {
padding: 0;
}
.header {
background-color: #C2C1C1;
border-bottom: …Run Code Online (Sandbox Code Playgroud)