2026 年 9 月 22 日，Google 发布 Chrome 154 稳定版，覆盖 Windows、macOS、Linux、Android 与 ChromeOS。本次更新在前端工程与 UI/UX 方向带来多项 Web 平台能力：自适应大小的响应式 iframe、CSS scroll-marker-group 的 links 与 tabs 模式，以及新的 text-decoration-inset 属性。本文从前端工程与 UI/UX 视角解读。
响应式 iframe
据官方“New in Chrome 154”，Chrome 154 新增对自适应大小 iframe 的支持：父文档中的 iframe 元素可以根据嵌入式文档的布局溢出大小自行调整尺寸，从而避免在子文档中出现滚动条。父页面通过 frame-sizing: content-height; 控制高度自适应，子页面则通过 meta 标签声明允许的来源。对大量嵌入第三方内容的 Web 应用，这一能力可显著简化跨文档高度同步的脚本逻辑。
CSS 滚动标记与无障碍语义
CSS scroll-marker-group 新增 links 与 tabs 两种模式，用于配置滚动标记的焦点顺序与无障碍语义。links 模式下，生成的 ::scroll-marker-group 像导航列表、::scroll-marker 像普通链接；tabs 模式下则采用 tablist、tab 与 tabpanel 语义，只有当前活动标记成为 tab stop，非活动标签内容从无障碍树中隐藏。对做轮播、分页与标签页的 UI 组件，这让语义与焦点管理可以交给平台，减少自研键盘导航代码。
文本装饰微调
新属性 text-decoration-inset 支持控制下划线、上划线与删除线装饰的起点与终点偏移，接受 auto、长度值与百分比，并支持单值与双值语法，可用于微调装饰间距或创建动画下划线效果。对追求排版细节的 UI 设计，这减少了用伪元素与背景图模拟装饰的旧做法，也更容易与响应式布局配合。
前端团队的行动建议
建议把 Chrome 154 纳入兼容性回归矩阵，重点验证响应式 iframe 与滚动标记在跨浏览器下的一致性；对采用滚动标记新模式的组件，同步检查键盘焦点顺序与屏幕阅读器输出。考虑到各浏览器对新特性的支持节奏不同，仍应保留渐进增强的降级路径。
小结
Chrome 154 于 2026 年 9 月 22 日发布，以响应式 iframe、CSS 滚动标记模式与文本装饰微调为重点，是前端工程与 UI/UX 领域值得跟进的一次浏览器更新。