最大高度和更改文本颜色

Question

我试图让文本和h1标签从白色变为黑色.我正在尝试使用max-height媒体查询,但我没有改变.

h1 {
  position: fixed;
  width: 100%;
  text-align: center;
  color: #eee;
  font-size: 4em;
  background-color: hsla(281, 100%, 7%, 0.3);
  height: 100%;
}
@media and(max-height: 400px) {
  h1 {
    color: #222222;
  }
}

<h1>text<h1>

Answer 1

只需删除"和",如下所示:

@media (max-height: 400px) {
  h1 {
    color: #222222;
  }
}