拉伸/适合 HTML 模板和子窗口

Question

我的应用程序生成 HTML 电子邮件模板。它们的宽度通常在 600 像素到 650 像素之间，但有时会达到 900 像素。模板嵌套得很深（电子邮件客户端有很多 table 元素），遗憾的是所有宽度/高度都以 px 硬编码，而不是相对尺寸。直到现在还可以，因为我的用户在浏览器中查看它们。但现在我正在构建一个移动应用程序。

我正在尝试在各种移动客户端（iPhone、Android、iPad 等）内的 web 视图中显示这些模板。有没有办法“缩放”或调整这些模板，以便它们伸展以填满窗口的整个宽度？

我尝试调整元标记；

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

不幸的是，我事先不知道模板的宽度，所以我必须将元标记设置得太宽或太小，然后模板要么有白色边框，要么最终与窗口重叠。我还能尝试什么？

Answer 1

我最终使用了 CSS3 的

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

在动态计算缩放比例以考虑 5px 边距之后。原来

minimum-scale=0.1

旧版 Android 手机需要正确显示调整大小的视图。