width适应容器只解决横向尺寸，高度仍可能固定或不符合内容比例。视频、地图和表单需要不同策略：固定比例适合视频，但内容高度变化的表单还需服务方支持或明确滚动方式。
先识别嵌入内容的类型
视频画面有比较稳定的宽高比例，表单、聊天和预约系统可能随步骤变化。不能给所有iframe套同一个16比9容器。记录内容最小可用尺寸和提供方响应式建议，先区分外层裁切还是内层页面本身不适配。
为合适内容保留比例
固定比例媒体可使用合适的容器及aspect-ratio等方式，让宽度变化时高度同步。检查主题设置是否又覆盖了height，避免外层比例正确、内层仍保留固定像素。不要直接拉伸视频或截图来填满容器，导致人物和界面变形。
理解跨域高度读取限制
外站iframe内容通常不能由本站脚本随意读取其文档高度。自动适高需要提供方的支持机制，例如经过校验的消息交互，而不是复制一段读取内部DOM的代码。对于无法适高的内容，应选择合理固定高度和可理解滚动，不无限增高整页。
兼顾安全权限和可访问性
iframe需要有意义的标题，并按功能最小化开放权限；sandbox等限制会影响脚本、下载和弹窗，不能盲目全部开启或关闭。测试手机键盘、内部滚动与页面滚动是否冲突，提交后的成功状态是否仍在可见范围。
关键区别
响应宽度：随容器调整横向尺寸；不自动解决高度。
固定比例：适合稳定画面媒体；不通用于动态表单。
跨域内容：由其他站点提供；高度读取受浏览器限制。
怎样确认处理到位
目标设备无裁切和整页溢出，比例合理，动态步骤可见，标题与权限设置适当，手机内外滚动及操作正常。
容易误判的边界
不要把所有iframe统一固定比例；第三方页面本身不适配时，仅修改外层CSS不能保证内部内容可用。
