当前位置: 首页 > 知识库问答 >
问题:

如何在Gmail中处理HTML邮件中的媒体查询?

夏雅志
2023-03-14

我用我的网站和媒体查询发送响应的HTML电子邮件,但在Gmail/Inbox中,媒体查询中的max-width指的是浏览器视口,而不是HTML电子邮件。

所以,在其他邮件客户端上,我的邮件切换到600px以下的移动显示,在Gmail/Inbox中,这种行为被打破了。

您是否有一个解决方案,使媒体查询视口作为邮件视口,而不是浏览器视口?

共有1个答案

龙晟睿
2023-03-14
  1. 推荐的方法:
  2. 避免最小缩放最大缩放用户可缩放
 类似资料:
  • 问题内容: 我正在尝试通过Javascript客户端中的Gmail API发送包含jpeg文件的邮件。到目前为止,我编写的代码如下: 哪里是一个字符串建立类似的例子在这里找到: 我得到的错误是,这是可以理解的,因为根据规范,它是媒体的唯一有效的MIME类型,但是上面链接的示例另有说明。 我究竟做错了什么?如果有人能对此有所启示,将不胜感激! 问题答案: 编辑 第一部分代码适用于总大小为mb的附件。

  • 我创建了带有媒体查询的响应式HTML电子邮件,但在Gmail/Outlook/Inbox中,媒体查询中的max-width指的是浏览器视口,而不是HTML电子邮件。 所以,在本地主机上,我的邮件切换到700px以下的移动显示,在Gmail/Outlook/Inbox中,这种行为被打破了。 您是否有一个解决方案,使媒体查询视口作为邮件视口,而不是浏览器视口?

  • 问题内容: 我非常热衷于在CSS中使用媒体查询,但是我对如何使用它感到困惑。我有立场 我的查询要求是 如果屏幕宽度是100到480,那么会出现不同的样式, 如果屏幕宽度从481到600,那么会出现不同的样式, 如果屏幕宽度为601到800,那么会出现不同的样式, 如果屏幕宽度为801,则默认CSS应该有效。 问题答案:

  • 我需要建立一个响应的电子邮件模板。我做了我的研究,并了解到媒体查询不是广泛支持电子邮件客户端。 因此,我尝试不使用媒体查询,并使用。 > 但是如果我想更改移动版本的字体大小怎么办?另外,我有一个案例,客户端希望很少的块是可见的,在移动,但不是在桌面。没有媒体查询,我如何实现这些? 另外,在我添加样式规则和媒体查询的情况下,我猜iOS支持媒体查询。但是媒体查询下的规则不会出现,但是中定义的其他规则可

  • 我们有一份时事通讯,它使用媒体查询,以一种响应式的格式显示出来,适用于较小的屏幕。它在Outlook中按应显示的方式显示,但在转发电子邮件时,Outlook似乎正在删除媒体查询代码。我们正在使用Outlook发送电子邮件,因为我们需要包含exchange列表。有没有人知道Outlook在转发时删除媒体查询代码的方法,或者通过Outlook发送带有媒体查询的电子邮件的另一种方法?

  • 我的项目中有一个场景,我正在使用spark-sql-2.4.1版本阅读Kafka主题消息。我能够使用结构化流媒体处理一天。一旦收到数据并进行处理后,我需要将数据保存到hdfs存储中的各个拼花文件中。 我能够存储和读取拼花文件,我保持了15秒到1分钟的触发时间。这些文件的大小非常小,因此会产生许多文件。 这些拼花地板文件需要稍后通过配置单元查询读取。 那么1)该策略在生产环境中有效吗?还是会导致以后