html - 根据动态图形改变表格单元格的宽度

Question

我正在寻找带有条形图的 html 电子邮件 - 我已经看到了一个示例，其中图表的条形只是表格单元格，其宽度根据动态图形而变化。这是一家能源公司，向每位客户发送了当月能源使用情况的条形图。每个人的能源使用数字显然不同，正是这个数字被用来确定表格单元格的宽度，也就是图表上的条形图。我只是想知道它是如何完成的，因为它的电子邮件和 javascript 无法使用。电子邮件已发送到我的 gmail 帐户，我检查了代码，但仍不清楚它是如何完成的，因为 gmail 重命名了所有类并从顶部样式中删除了许多 css。

Answer 1

前段时间我为不同的公司做了安静的工作。对于宽度不同的条，您可以使用 % 作为具有背景颜色的宽度。您的数据库应该包含一个标志，该标志决定要显示哪个版本的图形。

表格宽度可以是百分比，因此它可以在响应式屏幕上按比例缩小。没有示例图像或代码，这就是我能说的。尝试添加可能的图像，也许我们可以正确查看它。