css - Adobe EchoSign 嵌入式小部件 Iframe 大小

Question

我注意到 adobe echosign 在为个人嵌入式小部件生成 Iframe 时使用像素设置默认的最小高度和宽度。我检查了下面的链接(和其他 REST api 文档)，找不到一个属性来告诉 echosign 根据设备的宽度/高度尺寸以可缩放模式呈现小部件，如在移动设备、平板电脑或 PC 中。

API 文档-> https://secure.na1.echosign.com/public/docs/restapi/v5#!/widgets/createWidget

Adobe EchoSign 默认 Iframe 渲染设置->

<iframe src="******" width="100%" height="100%" frameborder="0" style="border: 0; overflow: hidden; min-height: 500px; min-width: 600px;"></iframe>

如何告诉 echosign REST api 动态调整它的 Iframe 大小？

Answer 1

我也尝试过寻找解决方案，但缺点是无法使用他们的小部件来完成。他们的内部设置或 API 都不允许修改 iframe 样式。

然而，有效的方法是添加一点 javascript 和 css 来修改 iframe。以下是您可以使用的 JavaScript 代码示例:

document.getElementsByTagName("iframe")[0].setAttribute("id", "echosignwidget");
document.getElementByID("echosignwidget").removeAttribute("style");

通过添加一个 id 并删除内联样式属性，您现在可以随意使用 CSS 为元素设置样式。