发布时间：2026 年 9 月 22 日
Chrome 154 现已推出，本文将介绍此版本中的一些主要功能。阅读完整的 Chrome 154 版本说明。
此版本中的亮点：
- 自适应大小的
<iframe>可让<iframe>根据其嵌入文档的固有大小自行调整大小。 - CSS
scroll-marker-group模式添加了links和tabs模式，用于配置滚动标记的焦点顺序和无障碍语义。 - 借助 CSS
text-decoration-inset，您可以调整文本装饰的起点和终点。
自适应大小的 <iframe>
Chrome 154 新增了对自适应大小 iframe 的支持，让父文档中的 <iframe> 元素能够根据嵌入式文档的布局溢出大小来调整自身大小，从而避免在子文档中滚动。这取代了以下模式：手动测量 iframe 内容，通过 postMessage() 发送尺寸，并在嵌入网页中更新 iframe 大小。
如需将 iframe 的大小调整为内容的高度，请在嵌入网页的 <iframe> 元素中使用 frame-sizing CSS 属性：
.embed {
width: 100%;
frame-sizing: content-height;
}
嵌入式文档还必须通过在其 <head> 中包含 <meta name="responsive-embedded-sizing"> 元素来选择启用该功能：
<meta name="responsive-embedded-sizing" content="allow-origins=*">
如需了解详情和观看演示，请参阅 Chrome 154 中的自适应 iframe。
CSS scroll-marker-group 种交通方式
scroll-marker-group 属性用于控制滚动容器是否在其内容之前或之后生成 ::scroll-marker-group 伪元素。Chrome 154 通过两种模式增强了 scroll-marker-group，这两种模式可设置 ::scroll-marker-group 和 ::scroll-marker 的焦点顺序和 WAI-ARIA 无障碍功能语义：
/* Links mode (default) */
scroll-marker-group: after links;
/* Tabs mode */
scroll-marker-group: before tabs;
CSS text-decoration-inset
默认情况下，元素的文本装饰（例如下划线、上划线或删除线）的长度与渲染的文本相同。借助 text-decoration-inset CSS 属性，您可以调整元素文本装饰的起点和终点，使其相对于文本运行边缘内嵌、延伸或偏移。
text-decoration-inset 接受 auto、长度和百分比值，可以使用单值或双值语法，例如将两端都缩进 10 像素：
text-decoration-inset: 10px;
正值会使装饰内边距变小（缩短），而负值会使装饰外边距变大（加长）。这样一来，您就可以使用 CSS 文本装饰来微调装饰间距，并创建动画下划线显示效果，而无需使用背景渐变或额外元素。
如需了解详情，请参阅 MDN 上的 text-decoration-inset 文档。
深入阅读
以下仅介绍了一些关键亮点。如需了解 Chrome 154 中的其他更改，请参阅以下链接：
订阅
如需及时了解最新动态，请订阅 Chrome 开发者 YouTube 频道，这样您就能在每次我们发布新视频时收到电子邮件通知。您也可以在 X 或 LinkedIn 上关注我们，获取新文章和博文。
Chrome 155 发布后，我们会立即在此处告诉您 Chrome 中的新变化！