摘要：为了让iframe高度自适应，可以通过设置iframe标签的样式来实现。具体而言，可以使用CSS中的height属性设置为自适应，或者使用JavaScript动态计算并设置iframe高度。还可以利用CSS的百分比单位来设置iframe高度，使其根据父元素的高度自适应调整。这些方法都可以实现iframe高度自适应，以适应不同屏幕大小和浏览器窗口大小的变化。
如何让iframe高度自适应
（图片来源网络，侵删）
一、引言
在网页设计中，iframe元素经常被用来嵌入其他网页或视频等内容，由于iframe的高度固定，当嵌入的内容长度变化时，往往会导致页面布局混乱，如何让iframe高度自适应成为了网页开发者需要解决的一个重要问题，本文将介绍几种实现iframe高度自适应的方法。
（图片来源网络，侵删）
二、方法介绍
1. 使用百分比单位设置iframe高度
一种常见的方法是使用百分比单位来设置iframe的高度，这种方法依赖于父元素的高度，当父元素高度变化时，iframe的高度也会相应变化，可以将iframe的高度设置为父元素高度的某个百分比，这种方法适用于父元素高度可预测的场景。
示例代码：
```html
```
2. 使用JavaScript动态调整iframe高度
另一种方法是使用JavaScript来动态调整iframe的高度，可以通过监听iframe的load事件，获取iframe内部文档的高度，然后设置iframe的高度，这种方法适用于嵌入内容高度不确定的场景。
示例代码：
```html