html - 文本的最大高度和颜色变化

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;
  }
}