我正在编写电子邮件通讯。
我想在桌面上显示一个<td>，高度为400px的{{1}}，然后在移动设备上缩小显示为200px。
我不想为此使用媒体查询，因为它们不能在某些电子邮件客户端上使用，并且我想让它在尽可能多的电子邮件客户端上使用。
任何人都可以提供有关最佳方法的帮助。我当时在考虑在两个单独的<td>上进行移动显示/隐藏移动，它们的内容相同，但是内联样式的高度却不同。
有没有一种方法可以完全内联，而无需标题/媒体查询中的样式。
答案 0 :(得分：0)
尽管您不愿意使用媒体查询，它也是您的最佳选择。
唯一可以根据物体的高度动态调整的其他工具是：
height: auto的容器答案 1 :(得分：0)
最简单的解决方案是使用媒体查询，因为这没有魔力-无法使用JavaScript。
或者，您可以为两个时事通讯版本（台式机和移动版）创建A / B测试，并链接到在线备用版本（台式机->移动/移动版->桌面）。使用分析可以确定格式是否是一个因素，您还可以确定使用最广泛的平台，等等。正如他们所说，世界是您的牡蛎，但似乎过分了-保持简单，只使用媒体查询即可。
在线上有一些资源可以帮助您进行媒体查询：
https://templates.mailchimp.com/resources/email-client-css-support/
https://cm.engineering/fixing-bugs-with-outlook-specific-css-f4b8ae5be4f4