Html 字体大小的电子邮件手机太小

我将字体设置为15px，但在移动设备上查看电子邮件（特别是mail>gmail）时，文本看起来要小得多。如何在不增加桌面大小的情况下增加手机的大小，我听到gmail的媒体查询

一些文本

我能想到的最简单的方法就是使用视口单位。即：

vw：第1/100个视口宽度 vh：第1/100个视口高度 vmin：最小边的1/100 vmax：最大边的1/100

---

例如，将字体大小属性设置为某个标量*vmax，然后从那里进行调整

您可以使用

媒体查询

在手机上更改

字体大小

，就像在网络上一样。许多移动客户端现在支持媒体查询，包括

.mobile-p{
字体大小：18px！重要；/*替代内联样式*/
}

一些文本

最可能发生的情况是Gmail接收到的图像或其他元素没有响应（例如设置为

width=“600”

，但没有附加响应代码，

style=“width:100%；height:auto；max width:600px；”

）

在这种情况下，您需要修复无响应的元素，这样Gmail就不需要调整文本大小

Gmail现在将接受媒体查询，因此您可以在

部分设置以下内容：

<style type="text/css">    
@media screen and (max-width: 620px) {
    ...
    }
</style>

@媒体屏幕和屏幕（最大宽度：620px）{
...
}

话虽如此，如果你使用的不是他们的本地电子邮件，而是你自己的域名（术语：GANGA），Gmail的行为就会有所不同。这里的关键是，拥有这些类型Gmail电子邮件的客户将被剥离

@media

查询（以及所有嵌入的CSS）

此外，如果您的

…

部分中有无效代码，或者它不接受的代码，例如属性选择器，Gmail将删除整个

…

部分，例如

img[class=“header”]

（）

---

尽管如此，即使对于GANGA类型的Gmail用户，也可以呈现完全清晰的文本（即有响应性的电子邮件）。如果您有复杂的2列或3列电子邮件，请使用“混合”方法。否则，请检查您的图像或非常长的URL（用

拆分URL）。

15px对于字体大小来说相当大，应该正确显示。我感觉你的电子邮件在Gmail应用程序上被调整了大小。是否有任何代码会迫使它这样做？也许图像的最大和最小宽度与模板的大小相同？谢谢！在所有图像中添加类似style=“width:100%；height:auto；max width:800px；”的内容就足够了（让我强调一下您的所有图像，即使是很小的图像）