我创建了带有媒体查询的响应式HTML电子邮件,但在Gmail/Outlook/Inbox中,媒体查询中的max-width指的是浏览器视口,而不是HTML电子邮件。
所以,在本地主机上,我的邮件切换到700px以下的移动显示,在Gmail/Outlook/Inbox中,这种行为被打破了。
您是否有一个解决方案,使媒体查询视口作为邮件视口,而不是浏览器视口?
没有。
理论上,JavaScript可以做到这一点,但您不能编写JavaScript在HTML格式的电子邮件中运行。
容器查询也可以做到这一点,但它们是如此的锋利,以至于在撰写本文时,只有Chrome支持then和then,只有用户在设置中显式地启用了该功能。