CSS / 媒体查询

Question

3

我使用了Mailchimp的单列模板来创建一封电子邮件邀请。

但是，当我将HTML导出并使用Mailchimp的CSS内联工具进行渲染并发送测试爆炸到我的电子邮件时。

在Outlook上看起来还可以，但在Gmail应用程序上显示不正确。我知道在Gmail应用程序上，它不支持媒体查询。

除了调整媒体查询之外，还有什么其他方法可以使我的模板适用于移动设备？

- Qian Rong Guo

1

你能给我们展示一个“在Gmail上显示不正确”和“在Outlook上看起来正常”的例子吗？ - Mave

请提供需翻译的具体内容，以便我为您快速准确地翻译。 - Ashley Medway

@Mave，我无法附加屏幕截图以展示它的外观... - Qian Rong Guo

@AshleyMedway 我无法附加屏幕截图以展示其外观... - Qian Rong Guo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- pregunta · Answer 1

使用百分比测量单位来布局组件。这样，您可以构建一个适用于更大屏幕尺寸范围的网站。您可以将此方法与媒体查询结合使用 - 例如，您可以指定在宽度大于400像素的设备上，您的网站具有25％宽的导航菜单和75％宽的内容区域，但任何小于该值的设备都会折叠成单列布局，并通过菜单栏图标隐藏和访问菜单。