Javascript 将HTML模板和子项拉伸/调整到窗口

我的应用程序生成HTML电子邮件模板。它们的宽度通常在600像素到650像素之间，但有时会达到900像素。模板嵌套得很深（电子邮件客户端有很多

表
元素），不幸的是，所有的宽度/高度都是用px硬编码的，而不是相对尺寸。到目前为止，这还可以，因为我的用户在浏览器中查看它们。但现在我正在构建一个移动应用程序

我试图在各种移动客户端（iPhone、Android、iPad等）的网络视图中显示这些模板。是否有一种方法可以“缩放”或调整这些模板，使其拉伸以填充整个窗口宽度

我试着调整meta标签

<meta name="viewport" content="width=device-width, initial-scale=1.0>

我最终使用了CSS3

transform: scale(ratio);
position: absolute;
top: 5px; left: 5px;

动态计算比例后，考虑5px余量。原来

minimum-scale=0.1

对于旧款Android手机来说，正确显示重新调整大小的视图是必要的。
为什么不使用宽度：100%；我不能为每个模板（有数千个）修改HTML源代码，所有子元素也都是用px硬编码的。所以你用本机代码计算比率吗？那你用它做什么？我一直在努力解决类似的问题。