修改频率 | @media.update-frequency

@media.update-frequency

该update CSS @media媒体功能可基于输出设备是如何频繁地（如果有的话）能够修改内容的外观样式，来调整样式。

语法

该update功能被指定为从下面的列表中选择的单个关键字值。

none一旦它被渲染，布局不能再被更新。例如：打印在纸上的文件。

slow布局可以根据CSS的通常规则动态地改变，但是输出设备不能足够快地呈现或显示改变，以使其被视为平滑的动画。例如：电子书阅读器或严重动力不足的设备。

fast布局可能会根据通常的CSS规则动态地改变，输出设备的速度也不是特别严格，所以可以使用CSS动画等定期更新的东西。例如：电脑屏幕。

例子

HTML

<p>If this text animates for you, you are using a fast-updating device.</p>

CSS

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

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

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

结果

规格

浏览器兼容性