更新

**update** CSS 媒体特性 可用于测试输出设备在渲染后修改内容外观的频率(如果有的话)。

css
@media (update: < none | slow | fast >) {
  /* styles to apply if the update frequency of the output device is a match */
}

语法

update 特性被指定为从以下列表中选择的一个关键字值。

none

渲染后,布局将无法再更新。例如:在纸上打印的文档。

slow

布局可能会根据 CSS 的通常规则动态更改,但输出设备无法足够快地渲染或显示更改,以至于它们被感知为平滑的动画。例如:电子书阅读器或严重性能不足的设备。

fast

布局可能会根据 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
# 更新

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见