调整 Web 表单的大小

上次更新日期: 2023年7月20日

更改 Web 表单的高度和宽度

可以通过编辑 Web 表单的嵌入代码来更改 Web 表单的高度和宽度:更改为基于像素的静态大小或基于屏幕空间百分比的相对大小。

注释

此过程仅适用于脚本和 iframe 嵌入代码。您无法调整 URL Web 表单的大小。

默认情况下,Web 表单的高度和宽度会随浏览器的大小进行缩放。这种动态属性使得在大多数的屏幕分辨率下,都可以查看 Web 表单。

要调整 Web 表单的尺寸,必须先从 Web 表单获取 HTML 或脚本代码

编辑 Web 表单框架大小,具体取决于您使用的代码:

HTML 代码 (iframe)

HTML 代码在从 Web 表单复制的字符串中提供控件。

下面是一个 iframe 代码字符串示例:

<iframe src=&quot;https://secure.na1.adobesign.com/public/esignWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*&hosted=false&quot; width=&quot;100%&quot; height=&quot;100%&quot; frameborder=&quot;0&quot; style=&quot;border: 0; overflow: hidden; min-height: 500px; min-width: 600px;&quot;></iframe>

代码字符串末尾的附近有两个参数:width="100%"height="100%"。调整这些参数可调整 Web 表单的框架大小。可以使用百分比或固定像素大小(一定要去除百分比符号)。

在任何文本编辑器中编辑代码字符串,然后将编辑好的代码复制并粘贴您的网页中。

注释

参数 ?wid= 表示唯一的 Web 表单 ID,因此,对于每个创建的 Web 表单都是不同的。

(Java) 脚本代码(脚本)

Javascript 选项稍微复杂一些,参数未包含在字符串中,但理念相同。

下面是同一个 Web 表单的脚本示例。 

<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>

要使用脚本调整框架大小,必须使用包含框架属性的 <div> 元素括住 <script></script> 元素。这会强制 <script> 位于 <div> 容器中,因此受到 <div> 限制。

宽度为 600 像素、高度为 500 像素、纯黑边框宽度为 1 像素的示例 <div> 元素如下:

<div style=&quot;height:500px; width:600px; border:1px solid black;&quot;> 
</div>

必须将该脚本包含在 <div> 元素中,从而生成完整的代码块,如下所示:

<html>

    <div style=&quot;height:500px; widget:600px; border: 1px solid black;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

    </div>

</html>

生成的 Web 表单以所述的尺寸显示。

脚本配置方法的其他示例

全屏 1

<body style=&quot;margin: 0; padding: 0;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</body>

全屏 2

<div style=&quot;height:100%; width:100%; border:0px solid black;&quot;>

        <script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>

        </script>

</div>