小编Ana*_*azy的帖子

Outlook 中的 CSS 电子邮件模板无法正确显示

我正在尝试制作一个可以在所有电子邮件客户端上使用的 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)

html css html-email responsive

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1

html-email ×1

responsive ×1