创建具有可变百分比值的混合表

[badabunsebl25]

混合电子邮件设计从混合表格开始。但它与使用媒体查询的响应式代码不同，因为我们不使用固定像素值作为表格和图像的宽度，而是使用流动百分比值。此方法允许电子邮件的内容流动以填充不同的屏幕尺寸。


步骤 3：使用条件注释来解释 Microsoft Outlook
在大多数情况下，添加 CSS max-width 属性可以控制宽度。但是，Microsoft Outlook 与大多数情况不同，因为它目前不遵守 max-width 属性。必须使用条件注释来制作隐藏的、固定宽度的幽灵表，只有 Outlook 才能看到，以解决这个问题。

这段代码本质上告诉 Outlook 将我们的内容包 香港博彩数据 装在该注释中包含的固定宽度表中。

由于所有这些元素默认都是流动的，我们的电子邮件几乎可以在所有较小的屏幕上正常运行。而且，由于它不依赖媒体查询来触发这些响应式样式，因此它也可以在 Gmail 等有问题的客户端上运行。