CSS /媒体查询

Question

我已使用Mailchimp的1列模板创建电子邮件邀请。

但是，当我导出HTML时，使用Mailchimp的CSS内联工具呈现它，并向我的电子邮件发送测试爆炸。

它在Outlook上看起来不错，但它在Gmail应用程序上无法正确显示。我了解，在Gmail应用中，它不支持媒体查询。

我可以知道除调整媒体查询之外，还可以使我的模板成为移动设备吗？

Answer 1

对布局组件使用百分比度量。这样你就可以建立一个可以在更大范围的屏幕尺寸上工作的网站。您可以将此方法与媒体查询结合使用，例如，您可以指定您的网站在宽度超过400像素的设备上具有25％宽的导航菜单和75％宽的内容区域，但比任何更小的设备都会崩溃单列布局，菜单隐藏，只能通过菜单栏图标访问。