上次更新時間
2023年7月20日
變更網頁表單的高度與寬度
網頁表單的高度和寬度可透過編輯網頁表單的內嵌程式碼，來變更成固定大小、隨像素變更的大小，或隨螢幕使用量百分比變更的相對大小。
備註
此程序僅適用於指令碼和 iframe 內嵌程式碼。URL 網頁表單的大小無法調整。
預設情形下，網頁表單的高度和寬度會隨瀏覽器的大小調整。藉由這項動態屬性，大部分的螢幕解析度均可檢視網頁表單。
若要調整網頁表單的尺寸，您必須先從網頁表單取得 HTML 或指令碼程式碼。
網頁表單框架大小的編輯取決於您使用的程式碼：
HTML 程式碼 (iframe)
HTML 程式碼在從網頁表單複製的字串內提供控制項。
以下是 iframe 程式碼字串的範例：
<iframe src="https://secure.na1.adobesign.com/public/esignWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*&hosted=false" width="100%" height="100%" frameborder="0" style="border: 0; overflow: hidden; min-height: 500px; min-width: 600px;"></iframe>
程式碼字串接近末端處是 width="100%" 和 height="100%" 參數。調整這些參數可調整網頁表單的框架大小。可以使用百分比或固定像素大小 (請務必移除百分比符號)。
在任何文字編輯器中編輯程式碼字串，然後將編輯過的程式碼複製並貼上到您的網頁中。
備註
引數 ?wid= 表示唯一網頁表單 ID，因此在每個建立的網頁表單中都會不同。
(Java) 指令碼程式碼 (指令碼)
JavaScript 選項比較複雜，因為參數未包含在字串中，但其概念是相同的。
以下是同一個網頁表單的指令碼範例。
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'> </script>
若要使用指令碼調整框架大小，您必須使用包含框架屬性的 <div> 元素圍住 <script></script> 元素。這會強制 <script> 存在於 <div> 容器中，因此會受到 <div> 的限制。
範例 <div> 元素，寬度為 600 個像素，高度為 500 個像素，寬度為 1 個像素的黑色實心邊框：
<div style="height:500px; width:600px; border:1px solid black;"> </div>
指令碼必須包含在 <div> 元素內，產生如下所示的完整程式碼區塊：
<html>
<div style="height:500px; widget:600px; border: 1px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</div>
</html>
產生的網頁表單會以指定的尺寸顯示。
指令碼設定方式的其他範例
全螢幕 1
<body style="margin: 0; padding: 0;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</body>
全螢幕 2
<div style="height:100%; width:100%; border:0px solid black;">
<script type='text/javascript' language='JavaScript' src='https://secure.na1.adobesign.com/public/embeddedWidget?wid=CBFCIBAA3AAABLblqZhDGvdwEWK6RveVqcwpzncUOYmtOI*'>
</script>
</div>
