Chrome 150 中的新变化

Rachel Andrew

发布时间：2026 年 6 月 30 日

Chrome 150 现已推出，本文将介绍此版本中的一些主要功能。阅读完整的 Chrome 150 版本说明。

此版本的亮点：

CSS text-fit 属性

text-fit 属性会缩放文本节点的字体大小，使其完全适应其容器框的宽度。

借助此属性，您可以确保标题或动态内容填充可用的水平空间，而无需手动计算字号或使用复杂的 JavaScript 变通方法。它提供了一种强大的 CSS 原生解决方案，可实现自适应排版，并在不同屏幕尺寸下保持视觉对齐。

Focusgroup

借助 focusgroup 属性，您可以声明性地为复合 widget 提供箭头键导航、有保证的 Tab 键停止位置和上次聚焦的内存，从而取代手动编码的漫游 tabindex 脚本。

<div focusgroup="toolbar wrap" aria-label="Formatting">
  <button>Bold</button>
  <button>Italic</button>
  <button>Underline</button>
</div>

CSS background-clip: border-area

针对 CSS background-clip 属性实现了 border-area 值。background-clip: border-area 将元素的背景裁剪到由其边框描边绘制的区域，同时考虑 border-width 和 border-style，但忽略 border-color 的透明度。

这样，您就可以直接在 CSS 中创建渐变边框，而无需使用 border-image 变通方法。

深入阅读

以下仅介绍了一些重点内容。如需了解 Chrome 150 中的其他更改，请点击以下链接。

订阅

如需及时了解最新动态，请订阅 Chrome 开发者 YouTube 频道，这样您就能在每次我们发布新视频时收到电子邮件通知。您也可以在 X 或 LinkedIn 上关注我们，获取新文章和博文。

Chrome 151 发布后，我们会立即在此处告知您 Chrome 中的新变化！