Chrome 154 允许网站选择启用响应式 iframe 尺寸

Chrome 154 计划于 2026 年 9 月 22 日进入稳定版。在其主要功能中，Chrome 154 发布说明列出了“Responsively-sized iframe”，并将其描述为让“sites opt into responsive sizing for iframes”（网站选择启用 iframe 的响应式尺寸）。如果你在自己的网站上嵌入了 FormFlow 表单，自然会想知道这对你是否有影响。根据代码得出的简短回答是：没有，因为嵌入表单不在 iframe 中。

发布说明怎么说

该条目说，这项功能会“sizes the iframe element in the parent document to the embedded document's layout overflow sizing”（按嵌入文档的布局溢出尺寸来设定父文档中 iframe 元素的大小），并将目标定为“avoiding scrolling in the child document”（避免子文档内出现滚动）。通俗地说：把另一个文档放在框架里的页面，可以让框架的高度与该文档所需的高度一致，而不是固定一个高度、在框架内留下滚动条。

这些说明很简短。它们没有说明网站要用哪个属性或响应头来启用，本文也不会去猜。它们指向了一个跟踪缺陷、一个 ChromeStatus 条目，以及 css-sizing-4 规范中关于响应式 iframe 的部分；修改页面之前请先阅读这些内容。它们也没有提到其他浏览器。

FormFlow 嵌入表单是 iframe 吗？

不是。嵌入表单是客户自己的页面承载生成的组件：根据表单的架构渲染出的标记，直接放在页面中，并从客户的网站向表单提交。我们为这篇文章检查了代码。组件生成器和 resources/js/embed/runtime.js 中的嵌入运行时都不会创建 iframe。运行时会查找你页面上带有该组件数据属性的 form 元素，并就地处理它们，为页面上已有的表单添加分步导航和错误消息等行为。

这就解决了 Chrome 154 的疑问。新功能是让框架的大小与其中的文档相匹配。嵌入表单没有框架，所以这项功能没有可调整的对象。表单会获得其自身标记所需的高度，和你页面中的其他块一样，页面自己的布局决定它能占多大空间。

如果你自己把表单放进 iframe

有些网站会用框架包裹来自其他服务的表单，而在页面内滚动的框架对表单来说是常见的烦恼：访客先滚动页面，再滚动框架，然后就找不到提交按钮了。如果你的情况如此，Chrome 154 的这项功能可能与你有关，但它是否有帮助取决于发布说明没有写明的细节。请在 Chrome 154 稳定版中测试，并在依赖它之前确认你的访客所使用的浏览器是否支持。

如果你不想管理框架，也可以改为把生成的组件作为标记放进你的页面。用生成的组件把表单嵌入你自己的网站一文会带你完成这个过程。

该怎么做

• 在更改任何框架之前，先阅读 Chrome 154 发布说明中的条目及其引用的规范章节。

• 如果框架是你表单设置的一部分，请在 Chrome 154 稳定版中试用这项启用选项，并与你当前的固定高度进行比较。

• 如果你的表单是以标记形式放置的（生成的组件就是这样），那么针对这项功能你无需做任何更改。

浏览器功能变化频繁，因此在 Chrome 大版本发布后重新检查你的表单是成本很低的保险，无论你采用哪种方式嵌入。