最近在搞响应式设计，发现用流式布局做暗黑模式切换还挺方便的！主要是通过CSS变量来控制颜色和背景，这样改起来特别灵活。比

轩辕国娟Lv1 2026-02-16 01:25:20

最近在搞响应式设计，发现用流式布局做暗黑模式切换还挺方便的！主要是通过CSS变量来控制颜色和背景，这样改起来特别灵活。比如：

:root {
  --background-color: white;
  --text-color: black;
}

body {
  background-color: var(--background-color);
  color: var(--text-color);
}

@media (prefers-color-scheme: dark) {
  :root {
    --background-color: #121212;
    --text-color: #ffffff;
  }
}

这样用户设备如果是暗黑模式，页面就会自动切换，挺省心的

反馈