我使用媒体查询创建响应HTML电子邮件,但在Gmail/Outlook/收件箱中,媒体查询的最大宽度指的是浏览器视口,而不是HTML电子邮件。
所以,在localhost上,我的电子邮件切换到700px以下的移动显示,在Gmail/Outlook/收件箱中,这个组件被破坏了。
您是否有解决方案使媒体查询将邮件视口而不是浏览器视口作为视口?
否。
理论上,JavaScript可以做到这一点,但您不能编写JavaScript来在HTML格式的电子邮件中运行。
容器查询也可以做到这一点,但它们非常突出,在撰写本文时,只有Chrome支持,而且只有在用户明确启用设置中的功能时才支持。