CSS /媒体查询[关闭]

Question

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

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

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

我可以知道除了调整媒体查询之外，我还可以通过哪些其他方式使我的模板适合移动设备？

Answer 1

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