Css变量应用

响应式布局中

响应式布局的media命令里面声明变量，使得不同的屏幕宽度有不同的变量值。

:root {
  --main-color: #4d4e53;
  --main-bg: rgb(255, 255, 255);
}
body {
}
@media screen and (min-width: 768px) {
	:root {
	  --main-color: #ffffff;
	  --main-bg: rgb(255, 134, 255);
	}
	body {
	}
}