没有javascript处理缩放文本的正确方法

Question

我正在制作一封电子邮件，我想要占用客户电子邮件的全部宽度。我设计了一个响应式布局，但我遇到了font-size的问题。似乎没有好的方法来告诉字体与屏幕大小一致，而不使用javascript。对于一堆不同的屏幕尺寸，使用媒体查询是我最好的解决方案吗？我真的希望通过javascript获得流畅的大小，但由于许多电子邮件客户端不支持电子邮件中的JS，尤其是基于web的查看器（如gmail），因此不是一种选择。感谢您的任何见解。

Answer 1

因为声明了默认的字体大小（由浏览器或电子邮件客户端声明），所以进行字体大小缩放的唯一方法是使用媒体查询并更改内部的字体大小。它显然不适用于不支持它们的客户（我相信你已经知道了）。

Answer 2

这在html电子邮件中是不可能的。即使使用媒体查询，从客户端到客户端的文本呈现方式也略有不同，因此您可能会遇到一些文本弹出到下一行的问题。

我建议的唯一选择是使用可缩放文本创建图像并将其设置为100％宽度。