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

這樣就可以解決問題。

Answer 2

由於空格，它不適用，您需要刪除那些空格以使其有效：

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

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

Answer 3

您需要刪除空格，如下所示：

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

 <h1>Hello Friends</h1>