Как использовать медиа-запросы в стилях компонента angular ..s css?

Question

Я пытаюсь использовать медиа-запрос в стилях компонента, но когда я изменяю размер окна, ничего не происходит

 @media query screen and (max-width: 768px) { 
/* Here are some changes*/
}

Это не работает вообще, нужно ли загружать некоторые модули или как Исправить это. Любую помощь оцените.

Answer 1

Используйте следующий синтаксис. Это правильный синтаксис для медиазапроса. Надеюсь, это поможет !!

@media only screen and (max-width: 768px) { 
    /* Here are some changes*/
}

Answer 2

удалить query

@media screen and (max-width: 768px) 
{
 /* Here are some changes*/
}

Answer 3

Возможно, вы захотите написать разные медиа-запросы для каждой точки останова. Кроме того, синтаксис, как показано ниже

    /* Tablet*/
    @media screen and (max-width: 768px) {
      /* Here are some changes*/
    }

   /* Mobile */
    @media screen and (max-width: 320px) {
          /* Here are some changes*/
    }

Answer 4

Немного проще,

@media (max-width: 768px) { 
    /* Here are some changes*/
}