Медиа-запрос не распознается с помощью Angular 8

#css #angular #components #media-queries

#css — код #angular #Компоненты #медиа-запросы

Я работаю над проектом Angular 8 и пытаюсь применить медиа-запрос в компоненте :

 @media only screen and (min-width: 1024) {
  .content {
    max-width: 65%;
    padding: 30px 20px 0;
  }
}

В моем index.html , окно просмотра установлено :

 <meta name="viewport" content="width=device-width, initial-scale=1">

Но медиа-запрос не распознается. Когда я проанализировал примененный CSS, медиа-запроса здесь не было.

Большое вам спасибо!

Попробуйте добавить px или em к ‘1024’.

 @media only screen and (min-width: 1024px) {
  .content {
    max-width: 65%;
    padding: 30px 20px 0;
  }
}