如何调整 iframe 的宽度和高度以适应其中的内容？
如果未指定高度和宽度，则使用iframe标签，标签内的内容将以默认大小显示。如果指定了高度和宽度，那么iframe标记的内容也不会以与主要内容相同的大小显示。很难将iframe标签中的内容大小设置为与主要内容相同。所以它需要在网页加载iframe的内容时动态设置内容大小。因为当相同的代码以不同的内容执行时，不可能一直设置高度和宽度。
有一种方法可以通过使用 JavaScript 的某些属性来动态生成它。
这里使用的属性是，
- contentWindow ：此属性返回 iframe 元素使用的 Window 对象，基本上它定义了 iframe 窗口。
- scrollHeight ：此属性以像素为单位定义元素的整个高度，该元素是 iframe。
- scrollWidth ：此属性以像素为单位定义元素的整个宽度，该元素是 iframe。
例子：
Adjust width and height of iframe to fit
with content in it using JavaScript
输出 ：
在调整iframe的高度和宽度之前，网站看起来像 - 
调整iframe的高度和宽度后，网站看起来像 - 
在 iframe 中使用的页面的 html 代码：
Welcome to GeeksforGeeks
Way to gain knowledge
- Learn
- Practice
- Apply to real world
copyright ©
geeksforgeeks, Some rights reserved
另一种设置 iframe 的高度和宽度以适应内容的方法是将高度和宽度设置为100% ，
（这可能不适用于所有情况）
例子：
Adjust width and height manually to fit iframe content
输出 ：
和之前一样， 
另一种设置 iframe 的高度和宽度以适应内容的方法是使用 CSS 的resize属性，这种方法不是动态的，但在一段时间内很有用。
例子：
Adjust width and height manually to fit
iframe content using CSS
输出 ：
