问题标签 [mjml]

我正在尝试让媒体查询处理 HTML 电子邮件。我已经使用 Gmail 使用 IOS 手机进行了很多测试，但仍然没有找到任何可行的解决方案。

我一直在使用 MJML 来尝试让它工作。显示它应该可以正常工作，但我发送电子邮件并且媒体查询不起作用。

https://mjml.io/try-it-live/HkO_hEkqr

我正在 iPhone 5s Gmail 版本 6.0.190822 上对其进行测试

我想要实现的主要目标是有文字

在桌面上：

在移动中心文本上：

所以我有 mjml 模板，我在使用 jests 快照功能渲染它们后对其进行测试。本地一切都很好，但随后在 CI 管道中发生了这个奇怪的错误：

所以快照之间的区别实际上只是在 CI 中有时mj-会丢失。这对我来说很奇怪，因为 CI 当然也有所有依赖项的完全相同的版本。

我想将一个部分放在另一个部分之上，我该怎么做？使用 css-class 似乎不起作用。

我是 MJML 的新手，我正在处理一个电子邮件项目，其中访问的链接是不同的颜色......到目前为止，我的理解是你不能在 MJML 中使用伪元素。有谁知道这样做的方法？

例如，链接通常是蓝色的，但一旦点击它就会变成灰色。

谢谢！！

我正在使用mjml创建邮件模板，npm并使用PhpStorm作为我的 IDE。

但是由于某种原因，我的代码没有在 html 中进行视觉格式化，这使得构建模板变得不那么容易。

有什么方法可以在 PhpStorm 中配置自定义文件类型，比如.mjml运行 html 格式的代码而不是纯文本？

如何将 css 属性 box-shadow 添加到标准“mj-button”组件？

我正在使用节点版本 4.5

这是我的按钮的代码：

我已经尝试使用具有以下代码的 css 类：

但没有显示阴影。

我正在尝试将一些文本和一个带有 2 列部分的按钮垂直对齐。为了澄清我的目标是让文本/按钮与图像的垂直中间对齐到它的右边。

我尝试将vertical-align="middle"标签添加到，mj-column但这似乎没有任何效果。但是，与底部对齐确实有效。

下面是我的代码示例和 mjml 编辑器的链接，其中包含演示问题的示例。

链接：https ://mjml.io/try-it-live/SkblMhXV8

编辑：非常感谢@curveball，应用的解决方案如下：

链接：https ://mjml.io/try-it-live/HJ1v0NSVI

在MJML 中似乎没有办法嵌套 mj-column，那么如何创建嵌套列呢？

这就是我正在尝试构建的：

我也尝试使用 mj-section 和 mj-wrapper 但似乎这些标签都不能嵌套。

我正在尝试将 mj-wrapper 的背景位置向右对齐但我不知道该怎么做。

这是我的代码：

我尝试过：

与：

但它不起作用。有什么帮助吗？

我有一个编译为 HTML 的 MJML 模板，我想将 JSON 文件中的变量加载到模板中。我是 HTML、JS 和 Handlebars 的新手，所以这里可能真的偏离了轨道。

我的 MJML 模板test.mjml看起来像：

我有一个 JSON 文件data.json：

还有一个 JS 文件test.js：

有谁知道该怎么做/我做错了什么？

如果我用内联 JSON 替换 jQuery 的 getJSON 方法，它就可以工作。