Html CSS-不应用媒体查询

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

@介质（最大宽度：400像素）{
h1{
文本对齐：居中；
}
}

---

搜索医生或护理提供者

@Zvezdas1989正在消除的问题是，400和px之间有一个空格，它们需要在一起，就像

最大宽度

和

文本对齐

一样

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

---

因此，这将解决问题。

@Zvezdas1989正在消除的问题是，400和px之间有一个空格，它们需要在一起，就像

最大宽度和
文本对齐一样

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

因此，这将解决问题。
由于空格的原因，它不适用，您需要删除这些空格以使其有效：


@介质（最大宽度：400px）{
h1{
文本对齐：居中；
}
}
搜索医生或护理提供者
由于空格而不适用，您需要删除这些空格以使其有效：


@介质（最大宽度：400px）{
h1{
文本对齐：居中；
}
}
搜索医生或护理提供者
您需要删除空格，如下所示：


@介质（最大宽度：400px）{
h1{
文本对齐：居中；
}
}
Hello Friends
您需要删除空格，如下所示：


@介质（最大宽度：400px）{
h1{
文本对齐：居中；
}
}
你好，朋友们
-我无法重现这个问题。我测试时，您的代码运行良好。如果awnser为您工作，请将其标记为正确的awnser-我无法重现该问题。我测试时，您的代码运行良好。如果awnser为您工作，请将其标记为正确的awnser