CSS3

：

特能

：

prefers-reduced-data

　編集：2022.07.10 by T.A.

[Edge]⛌。→●、mdn

ページが読み込むデータ量を抑制するよう欲されていることの検出。

名前	`prefers-reduced-data`
用途	@media
値	no-preference \| reduce
型	離散

次を検出するために利用される：

利用者は、［具現化されるページ用に、より少ないデータを利用する代替内容をサーブする］よう選好しているかどうか

no-preference: 次を指示する：
システムは、利用者の選好を知らない。

このキーワードは、この媒体特能におけるゼロ値である。
reduce: 次を指示する：
利用者は、軽量な代替内容の選好を表出した。

利用者が選好を表出する手法は、【環境に応じて】変わり得る ― OS から公開されるシステム全般設定や、ユーザーエージェントが制御する設定など。

例えば、サイトは、［利用者がデータ節約モードを選好した場合］には、より小さな画像をサーブすることで尊守することもできる。

.image {
  background-image: url("images/heavy.jpg");
}
@media (prefers-reduced-data: reduce) { 
  /* Save-Data: On */
  .image {
    background-image: url("images/light.jpg");
  }
}

以下のCSSが組み込んであります：

<SPAN class=Test>テスト</SPAN><BR>
<SPAN class=Test2>テスト</SPAN><BR>

スクリプト：

スクリプト：

CSS3

特能

prefers-reduced-data

関連

テスト