update

Baseline 2023

新推出

自 2023 年 9 月起，此功能可在最新的设备和浏览器版本上使用。此功能可能无法在较旧的设备或浏览器上使用。

update CSS 媒体特性用于测试输出设备在渲染内容后，能够多久（或是否能够）修改内容外观。

语法

none: 一旦渲染，布局便无法再更新。例如：打印在纸上的文档。
慢速: 布局可能根据 CSS 的常规规则动态更改，但输出设备无法足够快地渲染或显示更改，以使其被感知为流畅的动画。例如：电子书阅读器或性能严重不足的设备。
快速: 布局可能根据 CSS 的常规规则动态更改，并且输出设备的速度没有异常限制，因此可以使用像 CSS 动画这样定期更新的内容。例如：电脑屏幕。

示例

HTML

html

<p>
  If this text animates for you, your browser supports `update` and you are
  using a fast-updating device.
</p>

CSS

css

@keyframes jiggle {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(25px);
  }
}

@media (update: fast) {
  p {
    animation: 1s jiggle linear alternate infinite;
  }
}

结果

规范

规范
媒体查询第 4 级 # update

浏览器兼容性

另见

帮助改进 MDN

了解如何贡献

此页面最后由 MDN 贡献者在 2025年7月14日修改。

在 GitHub 上查看此页面 • 报告此内容的问题