不使用 javascript 处理缩放文本的正确方法

Question

我正在处理一封电子邮件，我想占据客户电子邮件的全部宽度。我设计了一个响应式布局，但我遇到了字体大小的问题。似乎没有很好的方法来告诉字体随屏幕大小缩放，而不使用 javascript。将媒体查询用于一堆不同的屏幕尺寸是我的最佳解决方案吗？我真的很喜欢使用 javascript 获得的流畅大小，但因为许多电子邮件客户端不支持电子邮件中的 JS，尤其是像 gmail 这样的基于 Web 的查看器，所以这不是一个选项。感谢您的任何见解。

Answer 1

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

我建议的唯一替代方法是使用可缩放文本创建图像并将其设置为 100% 宽度。

Answer 2

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