基础电子邮件模板包装背景

Question

我使用带有Inky的基础电子邮件模板构建了一个基本的电子邮件模板：http://foundation.zurb.com/emails/docs/wrapper.html

我有一个灰色的背景颜色，它在完整视口中看起来很好。但是，当我将其调整到某个视口时，灰色背景会消失，看起来很奇怪：

现在只有标题具有灰色背景。无论视口是什么，我都希望灰色背景保持一致。我已经尝试使用Inky文档中讨论的<wrapper>来包装它，但它不起作用。

<wrapper bgcolor="#f3f3f3">
    <container>
        <row>
            //stuff here
        </row>
    </container>
</wrapper>

我希望它基本上看起来像这个灰色背景仍然可见的模板。

Answer 1

您是否尝试更改 settings.scss 中的 $ body-background SCSS变量？你可以看到参考here。

Answer 2

它按预期工作。但是，在您调整大小时，电子邮件模板的固定宽度等于屏幕宽度，这就是为什么您没有看到灰色背景。

您可以为主包装提供5或10的padding。