html - CSS - 不应用媒体查询

Question

我为我的 HTML 代码编写了媒体查询，但没有应用。我必须在小屏幕的中央显示我的文字。

@media(max - width: 400 px) {
    h1 {
      text - align: center;
    }
}

<h1>Search for a Doctor or Care Provider</h1>

如何修复？

Answer 1

@Zvezdas1989 正在移除的问题是你在 400 和 px 之间有一个空格，它们需要在一起，就像 max-width 和 text-align.

@media(max-width: 400px) {
    h1 {
      text-align: center;
    }
}

这样就可以解决问题了。