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 上檢視此頁面 • 報告此內容的問題