这是什么
iframe 是一种把一个网页的内容嵌入到另一个网页中的方式——正是它让你能把一个 YouTube 视频、一张 Google 地图，或一个第三方组件直接放到你自己的页面上，而无需自己构建那个功能。你从这些服务复制粘贴过来的大多数嵌入代码，都自带一个针对典型桌面屏幕设定的固定像素宽度和高度。
这项检查关注的是页面上嵌入的 iframe 是否被设置为随屏幕一起调整大小（「响应式」），还是无论访客的实际屏幕宽度如何，都保持在那个原始的固定尺寸。
为什么重要
举例来说，一张按固定 560×315 像素嵌入的地图或视频，在桌面屏幕上工作良好，但很容易比整个手机屏幕还宽，从而导致同样的横向滚动，或者被视觉上直接截断。这是一个常见、容易被忽略的问题，恰恰是因为嵌入代码通常是由平台（YouTube、Google 地图）预先写好、原样粘贴的，没有任何明显的迹象表明它还需要针对移动端做进一步调整。
一个损坏的嵌入内容，相比一个小小的文字问题，也格外显眼——一张被切掉一半的地图，或一个溢出屏幕的视频播放器，对任何在手机上滚动到页面那个部分的访客来说，都是立刻、视觉上显而易见的。
如何解决
- 找出你网站上每一个嵌入的 iframe——通常是视频、地图或第三方组件——并检查它们在实际手机上是如何显示的。
- 把 iframe 包裹在一个容器中，用样式把宽度控制为百分比，同时把 iframe 本身设置为填满那个容器（
width: 100%），而不是使用它原始的固定像素宽度。 - 特别是对于 YouTube 嵌入，一种常见做法是使用一个带固定宽高比（比如 16:9）的包装容器，能在任何屏幕宽度下按比例缩放视频——有很多免费的代码片段可以实现这个确切的模式。
- 如果你使用的是网站建设工具，检查它是否有内置的「嵌入」或「视频」模块，而不是原始的 iframe 代码——这些通常默认就已经是响应式的。
- 之后在手机上重新检查嵌入内容，确认它能正确调整大小，而不是溢出。