ブレイクポイントをCSS変数で定義すると正しく動かないのは、なぜでしょうか？

メディアクエリのブレイクポイントに CSS 変数を使うことができません。

2023年12月10日

ユーザー

以下のようにブレイクポイントをCSS変数で定義すると正しく動きません。
どこがまずいのかご指摘いただけないでしょうか？

:root {
  --bp: 600px;
}

/* large screen */
@media (min-width: var(--bp)) {

  body {
    background: pink;
  }
}

この回答を見るにはプレミアムプランへの登録が必要です

このレッスンの質問と回答（2）