CSS /媒体查询

时间:2015-06-17 07:25:00

标签: html css mailchimp

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

但是,当我导出HTML时,使用Mailchimp的CSS inliner工具渲染它并向我的电子邮件发送测试文件。

在Outlook上看起来没问题,但在Gmail应用中无法正常显示。我了解在Gmail App上,它不支持媒体查询。

我是否知道除了调整媒体查询之外,还有哪些其他方法可以使我的模板适合移动设备?

1 个答案:

答案 0 :(得分:0)

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