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

Question

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

​

​

我有一个灰色的背景色，它看起来很好，当它是在全景式。然而，当我将其调整到某个视口时，灰色背景就消失了，看起来很奇怪：

​

​

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

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

我希望它本质上看起来像这个模板，在那里灰色背景仍然可见。

​

​

Answer 1

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

Answer 2

它正在按预期工作。然而，在您的情况下，当您调整大小，电子邮件模板的固定宽度等于屏幕宽度，这就是为什么您看不到灰色背景。

您可以将一些5或10的padding 给主包装器.。