发布时间：2026 年 7 月 17 日
欢迎再次阅读 Baseline 月度摘要。2026 年 6 月，field-sizing 进入“Baseline
新近可用”阶段，允许表单控件自动调整大小以适应其内容。与此同时，大量 CSS、HTML 和 Web API
功能进入“Baseline 广泛可用”阶段，开发者社区也发布了重要更新。
关于 Web 平台状态的 Baseline 提醒
借助 Web 平台状态信息中心内的 Baseline 提醒，您可以更轻松地跟踪 Web 功能何时实现互操作。 通过使用 GitHub 账号登录，您可以订阅功能通知，以便在功能进入“Baseline 新近可用”或“Baseline 广泛可用”阶段时，或者在浏览器实现新功能时收到通知。您可以将订阅配置为按月、按周或立即发送电子邮件更新或自定义 RSS Feed。您可以将提醒范围限定为已保存的搜索（例如所有 HTML 功能），创建自定义简报，生成可共享的功能列表，或配置 Slack Webhook 以通知您的工程团队。
如需了解详情，请参阅 Baseline 提醒简介。
“Baseline 新近可用”功能
本部分中的功能自 2026 年 6 月起在核心浏览器集中受支持，现在已进入“Baseline 新近可用”阶段。
field-sizing
field-sizing CSS 属性可控制表单元素（例如 <textarea>、<input> 和 <select>）的大小调整行为，这些元素传统上具有默认的固定尺寸。借助 field-sizing: content，表单控件会自动展开或收缩以适应其内容，从而减少了对自定义 JavaScript 自动调整大小脚本的需求。
如需了解详情，请参阅 field-sizing 的 MDN 参考页面。
“Baseline 广泛可用”功能
以下功能已进入“Baseline 广泛可用”阶段，这意味着它们现在具有广泛的兼容性，可以在您的项目中使用了。
:has() 伪类
借助 :has() CSS 父级选择器，您可以根据元素的后代或后续同级元素来设置元素的样式。此功能性伪类可以直接在 CSS
中实现条件布局模式，而无需使用 JavaScript 来检查 DOM 结构。
如需了解详情，请参阅 :has 伪类的 MDN 页面。
HTMLIFrameElement.loading
<iframe> 元素上的 loading 属性可为嵌入式
框架启用延迟加载。通过指定loading="lazy"，浏览器会延迟加载屏幕外的 iframe，直到它们滚动到视口附近，从而节省网络带宽和初始网页加载开销。
如需了解详情，请参阅 HTMLIFrameElement.loading 的 MDN 参考文档。
CanvasRenderingContext2D.reset()
二维画布上下文中的 reset() 方法会清除绘制上下文状态，将转换、剪切路径、线条样式和填充样式等属性重置为其默认值。这样，画布上下文就可以干净地重复使用，而无需手动清理属性。
如需了解详情，请参阅 CanvasRenderingContext2D.reset 的 MDN 文档。
cap 长度单位
cap 字体相对单位对应于元素字体的标称大写字母高度。借助此单位，您可以相对于大写字母的高度对齐元素并调整其大小，从而实现精确的排版布局。
如需了解详情，请参阅长度单位 的 MDN 参考文档。
counter-set 属性
counter-set CSS 属性会将 CSS 计数器设置为指定值，与 counter-reset 和
counter-increment 互为补充。在处理编号列表、文档大纲或自定义计数器序列时，此属性可提供控制。
如需了解详情，请参阅 counter-set 的 MDN 页面。
createImageBitmap()
createImageBitmap() 静态方法可从各种图片来源（包括 <img>、<canvas>、Blob 或 ImageData）创建异步位图图片。由于它会在主线程之外解码图片，因此在处理复杂的画布图形时，不会阻塞界面性能。
如需了解实现详情，请参阅 createImageBitmap 的 MDN 文档。
<easing-function> 数据类型
The <easing-function> CSS 数据类型描述了过渡和动画的数学变化率
曲线。除了 ease-in 或
cubic-bezier() 等标准关键字之外，它还支持 linear() 等函数来构建自定义弹簧或反弹效果。
如需了解如何使用此数据类型，请参阅 easing-function 的 MDN 参考文档。
& 嵌套选择器
使用内置 CSS 嵌套时，& 嵌套选择器会将子规则选择器明确锚定到其父级选择器。在定义嵌套悬停、焦点或伪类状态时，此选择器可确保清晰度和正确的特异性规则。
如需了解详情，请参阅嵌套选择器 的 MDN 指南。
使用 rel="preload" 进行响应式预加载
<link rel="preload"> 元素上的 media 属性可实现关键资产的响应式
预加载。通过将 rel="preload" 与媒体查询相结合，
浏览器仅会在加载生命周期的早期下载与用户视口宽度或显示
特征匹配的资产。
如需了解如何使用此属性，请参阅 rel="preload" 的 MDN 文档。
HTMLMediaElement.preservesPitch
preservesPitch 属性在 <audio> 和 <video> 元素上控制
浏览器在更改 playbackRate 时是否调整音频音调。
将其设置为 false 可在加快或减慢媒体播放速度时进行音调转换。
如需了解详情，请参阅 MDN 页面，了解 HTMLMediaElement.preservesPitch。
:dir() 伪类
:dir() CSS 伪类根据文本方向
（例如 ltr 或 rtl）匹配元素，匹配方向继承自 HTML 属性（例如
dir）或计算出的文本上下文。
如需了解详情，请参阅 :dir 伪类 的 MDN 页面。
pow() 数学函数
pow() CSS 函数可直接在 CSS 声明中计算指数幂值，将基数提升为指数（例如 pow(2, 3)）。这简化了响应式缩放和数学网格关系。
如需了解详情，请参阅 pow 函数的 MDN 参考文档。
CSS mask 属性
mask CSS 简写属性使用图片或渐变作为剪切层来隐藏元素的部分内容。它结合了 mask-image、
mask-position 和 mask-repeat 等子属性，以创建复杂的视觉遮盖效果。
如需了解详情，请参阅 mask 属性的 MDN 页面。
@media (scripting)
scripting 媒体功能可测试客户端脚本（例如 JavaScript）是否在浏览器上下文中启用和可用。这样，渐进增强样式就可以针对启用或未启用 JavaScript 的环境。
如需了解详情，请参阅 scripting 媒体 功能的 MDN 参考文档。
URL.canParse()
URL.canParse() 静态方法可检查给定字符串是否为有效的
可解析网址（带有可选的基础网址），而不会抛出异常，
从而简化了在实例化 URL 对象之前的运行时网址验证。
如需了解实现详情，请参阅 网址.canParse 的 MDN 文档。
Storage Access API
Storage Access API 提供了一种机制，以便嵌入在第三方 <iframe> 中的跨网站内容请求未分区的 Cookie 和存储空间访问权限，从而实现跨网域边界的身份验证和有状态互动。
如需了解详情，请参阅 Storage Access API 的 MDN 页面。
大功告成
如果您发现我们遗漏了任何与 Baseline 相关的内容，请告诉我们，我们会在以后的版本中确保将其收录！如果您有任何疑问或想提供 有关 Baseline 的反馈，可以在我们的 问题 跟踪器中提交问题。