我正在编写电子邮件简报。
我想在桌面上显示<td>高度为400px，但随后在移动设备上减少200px。
我不想使用媒体查询，因为它们不适用于某些电子邮件客户端，我希望尽可能多地使用电子邮件客户端。
是否有人能够提供最佳方式的帮助。我想在两个单独的<td>s上有一个移动节目/手机隐藏相同的内容，但内联样式的高度不同。
有没有办法完全内联，而不需要标题/媒体查询中的样式。
媒体查询，尽管您不愿意使用它们，但这是您的最佳选择。
唯一可以根据事物的高度动态调整的其他工具是：
height: auto的容器最简单的解决方案是使用媒体查询，因为没有魔法 - JavaScript无法使用。
或者，您可以为两个版本的简报（桌面和移动）创建A / B测试，其中包含指向在线备用版本（桌面 - >移动/移动 - >桌面）的链接。使用分析来确定格式是否是一个因素，您还可以确定哪个平台使用最广泛，等等。世界是您的牡蛎，但它似乎有点过分 - 保持简单并只使用媒体查询。
有一些在线资源可以帮助您进行媒体查询：
https://templates.mailchimp.com/resources/email-client-css-support/
https://cm.engineering/fixing-bugs-with-outlook-specific-css-f4b8ae5be4f4